最近有從本地讀取txt文件的需要，奈何網(wǎng)上搜索js讀取本地txt，都是新建一個(gè)fso對(duì)象，即（FileSystemObject）。自己試了半天不好使（后來(lái)發(fā)現(xiàn)貌似只能在IE上跑）。于是使用H5的fileReader來(lái)解決問(wèn)題。

fileReader Api

flieReader 三種狀態(tài)：

FileReader.readyState: 0,1,2

• 0: empty ,沒(méi)有文件被load，為空。

• 1: loading,文件正在被加載。

• 2: done,讀取請(qǐng)求完成。

fileReader事件處理，6種。

1、onabort:文件讀取終端，觸發(fā)。

2、onerror:文件遇到錯(cuò)誤觸發(fā)。

3、onload:文件成功讀取觸發(fā)。

4、onloadstart:文件開(kāi)始讀取時(shí)觸發(fā)。

5、onloadend:文件讀取結(jié)束時(shí)觸發(fā)（無(wú)論成功失敗）。

6、onprogress:文件讀取中觸發(fā)。

fileReader讀取方法，5種。

1、FileReader.abort()。中斷讀取操作，讀取狀態(tài)返回為done，即readyState=2。

2、FileReader.readAsArrayBuffer()。將文件讀取為ArrayBuffer形式。

3、FileReader.readAsBinaryString() 。將文件讀取為二進(jìn)制字符串（非標(biāo)準(zhǔn)方法，不推薦使用）。

4、FileReader.readAsDataURL()。讀取文件的URL,應(yīng)用場(chǎng)景，本地預(yù)覽圖片。

5、FileReader.readAsText()。將文件已文本形式讀取。即讀取txt等，此處可以指定要讀取文件的編碼格式：GB2312、UTF-8等。

讀取file代碼示例(5為例)：

HTML:

JS:

reader.readAsText(file, "gb2312");

開(kāi)始沒(méi)有注明“gb2312”，讀取txt之后，文件顯示亂碼。注明后解決。