JS文件读取
HTML5 引入的 FileReader 可以帮助我们读取本地文件,但是有一个限制,就是我们不能直接使用文件路径的方式来访问文件,而是首先需要用户选择文件(通过文件选择或者拖动文件至网页等方式)
接下来呢我就说是怎么做的,代码还是比较简单的,首先在HTML里面添加文件选择表单
接着就是在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)
效果图: