使用場景：在vue項目中使用el-upload上傳圖片資源，文檔或者excel時，需要讀取文件，並將其轉化為需要使用的文件格式，這就需要用到FileReader。
1.判斷瀏覽器是否支持FileReader
1 if(window.FileReader) { 2 var fr = new FileReader(); 3 // add your code here 4 } 5 else { 6 alert("Not supported by your browser!"); 7 }
2.調用FileReader對象的方法
abort ： 中斷讀取
readAsText:該方法有兩個參數，其中第二個參數是文本的編碼方式，默認值為 UTF-8。這個方法非常容易理解，將文件以文本方式讀取，讀取的結果即是這個文本文件中的內容
readAsBinaryString：該方法將文件讀取為二進制字符串，通常我們將它傳送到后端，后端可以通過這段字符串存儲文件。
readAsDataURL：這是例子程序中用到的方法，該方法將文件讀取為一段以 data: 開頭的字符串，這段字符串的實質就是 Data URL，Data URL是一種將小文件直接嵌入文檔的方案。這里的小文件通常是指圖像與 html 等格式的文件。
3.FileReader讀取時的鈎子
| 事件 | 描述 |
|---|---|
| onabort | 中斷時觸發 |
| onerror | 出錯時觸發 |
| onload | 文件讀取成功完成時觸發 |
| onloadend | 讀取完成觸發，無論成功或失敗 |
| onloadstart | 讀取開始時觸發 |
| onprogress | 讀取中 |
通常來說在文件讀取完畢后，在onload中將文件轉為所需格式