JavaScript FileReader

admin發表於2019-08-06

FileReader物件用於將檔案寫入記憶體,HTML5新增。

利用此物件,web應用程式可以非同步的讀取儲存在使用者計算機上的檔案(或者原始資料緩衝)內容。

可以使用File物件或者Blob物件來指定所要處理的檔案或資料,關於兩個物件可以參閱對應教程。

使用建構函式FileReader()可以建立一個FileReader型別物件。

語法結構:

[JavaScript] 純文字檢視 複製程式碼
let reader = new FileReader();

不同型別的檔案,FileReader提供了不同的方法讀取,具體參閱以下相關文章:

(1).readAsArrayBuffer()方法一章節。

(2).readAsDataURL()方法一章節。

(3).readAsText()方法一章節。

(4).abort()方法一章節。

此物件採用非同步方式讀取檔案,不同的階段可以觸發不同事件,具體參閱FileReader 事件一章節。

FileReader還具有兩個屬性,具體參閱以下兩篇文章:

(1).FileReader readyState 屬性一章節。

(2).FileReader result 屬性一章節。

相關文章