HTML 读取文本文件

1.首先创建

<input type="file" onchange="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