readAsText方法优化

FileReader接口的readAsText方法用来读取文本文件、实现文本文件的预览。

下面的实例用readAsText读取文本文件（完整代码参见“chap6.2.4.1.html”）。本例通过单击“浏览”按钮，选择要浏览的文本文件，然后单击“读取文本文件”按钮，文本文件的内容将在页面中显示。

本实例实现的步骤如下：

（1）创建html，包括2个input元素和一个div元素，代码如下：

（2）其次，检查浏览器是否支持FileReader接口，对于不支持FileReader接口的浏览器要给出一个提示，代码如下：

（3）最后书写函数readAsText的代码，当fileinput的onclik事件被触发，即调用这个函数，首先获取file对象，然后创建FileReader实例，调用readAsText方法读取文件，在实例的onload事件中，获取读取的内容，显示在页面中，代码如下：

functionreadAsText()

{

varfile=document.getElementById("file").files［0］;

varreader=newFileReader();

//将文件以文本形式进行读入页面(www.xing528.com)

reader.readAsText(file);

reader.onload=function(f)

{

varresult=document.getElementById("result");

//在页面上显示读入文本

result.innerHTML=this.result;

}}

其运行结果如图6.5所示。

图6.5　使用readAsText方法预览文本文件