FileReader 的瞭解

FileReader的解釋

異步的讀取存儲在用戶計算機上的文件

建立一個FileReader 對象

var reader = new FileReader();

FileReader的方法和事件

參數/事件 描述

方法
abort 中斷讀取
readAsText(file, [encoding]) 將文件讀取爲文本
該方法有兩個參數，其中第二個參數是文本的編碼方式，默認值爲 UTF-8。這個方法很是容易理解，將文件以文本方式讀取，讀取的結果便是這個文本文件中的內容。
readAsBinaryString(file) 將文件讀取二進制碼
一般咱們將它傳送到後端，後端能夠經過這段字符串存儲文件
readAsDataURL(file) 將文件讀取爲DataURL
將文件讀取爲一串Data URL字符串，將小文件以一種特殊格式的URL地址直接讀入頁面。小文件指圖像與html等格式的文件。

事件
onabort 數據讀取中斷時觸發
onerror 數據讀取出錯時觸發
onloadstart 數據讀取開始時觸發
onload 數據讀取成功完成時觸發
onloadend 數據讀取完成時觸發，不管成功失敗

參考網址

FileReader：讀取本地圖片文件並顯示
FileReader-MDN
HTML5應用之文件拖拽上傳