首页 > 代码库 > 前台JS(type=‘file’)读取本地文件的内容,兼容各种浏览器 二
前台JS(type=‘file’)读取本地文件的内容,兼容各种浏览器 二
前台js读取本地文件内容方法:
1、IE用new ActiveXObject("Scripting.FileSystemObject")
2、其他用FileReader对象 html5的方法
说法不严谨,具体自己测试,复制以下代码保存为html直接可以运行。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <script> //IE 10 以下中问可能会乱码 不能读utf-8格式的文本 function upload(input) { if (typeof window.ActiveXObject != 'undefined') { var file = input.value; var content = ""; try { var fso = new ActiveXObject("Scripting.FileSystemObject"); var reader = fso.openTextFile(file, 1); /*while (!reader.AtEndofStream) { content += reader.readline(); content += "\n"; }*/ content = reader.readAll(); reader.close(); } catch (e) { alert("Internet Explore read local file error: \n" + e); } console.log(content); alert(content); } else { var file = input.files[0]; filename = file.name.split(".")[0]; var reader = new FileReader(); reader.onload = function() { console.log(this.result) alert(this.result); } reader.readAsText(file); } } </script> <title>file upload</title> </head> <body> <input type="file" onchange="upload(this)" /> </body> </html>
希望对你有用。
前台JS(type=‘file’)读取本地文件的内容,兼容各种浏览器 二
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。