美文网首页程序员
前端读取txt文件

前端读取txt文件

作者: 无聊时娱乐 | 来源:发表于2018-11-27 08:00 被阅读34次

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="file" name="files" id="files" value="" /> </body> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script type="text/javascript"> var files = document.getElementById('files'); files.onchange = function() { var file = files.files[0]; var reader = new FileReader(); reader.readAsText(file,'gb2312');//后面的参数是防止中文乱码 reader.onload = function() { console.log(reader.result) } } </script> </html>


具体代码如下图:可以使用FileReader的readAsText方法读取txt文件内容,其中第二个参数‘gb2312’是防止中文乱码

代码截图

相关文章

网友评论

    本文标题:前端读取txt文件

    本文链接:https://www.haomeiwen.com/subject/msgwmxtx.html