javascript一贯都没有供应干系的文件读取接口,但有时我们确实须要读取本地文件内容,下面是两种可能的读取方法。

利用 HTML5 中的FileReader工具

HTML5 引入的 FileReader 可以帮助我们读取本地文件,但是有一个限定,便是我们不能直策应用文件路径的办法来访问文件,而是首先须要用户选择文件(通过input标签)。

首先你须要在 html 文件中添加文件选择表单,如下:

asp读取html文件是否存在前端开辟谁说JavaScript不克不及读取文件 Ruby

<input type=\"大众file\"大众 id=\"大众file-input\"大众 /><div id=\公众file-content\公众></div>

接着就可以在 JavaScript 中进行(用户选择的)文件读取了:

function readSingleFile(e) { //获取选择的文件工具 var file = e.target.files[0]; if (!file) {return; } // 创建FileReader工具 var reader = new FileReader(); // load 回调 reader.onload = function(e) { var contents = e.target.result; alert(contents) // 内容处理 }; // 读取文件 reader.readAsText(file,\"大众utf-8\"大众);}// 添加监听事宜var fileInput = document.getElementById(\"大众file-input\公众);fileInput.addEventListener(\"大众change\"大众, readSingleFile, false);

运行结果如下: