HTML 读取文本文件

1.首先创建

<input type="file" οnchange="processFiles(this.files)"multiple="multiple"/>

选择文件后会触发onchange
执行processFiles(e). multiple="multiple"--多个文件
<div id="fileOut"></div> 用来显示文本

2.processFiles函数:

function processFiles(files) {
		var file = files[0];//第一个文件
		var reader = new FileReader();
		reader.onload = function (e) {//读取数据开始,并填充到div中
                var output = document.getElementById("fileOut");
		output.textContent = e.target.result;
            };
     reader.readAsText(file);
}

参考文档: http://prosetech.com/html5/Chapter%2009/ReadText.html