filereader 對象允許 javascript 異步讀取文件內容,步驟如下:創建 filereader 對象。為 filereader 添加事件監聽器,包括 onload、onerror、onabort 和 onprogress。使用 readas 方法讀取文件,支持將文件內容讀取為二進制數據、二進制字符串、data uri 或文本。在事件監聽器中,使用 reader.result 屬性訪問讀取結果。
如何使用 JavaScript FileReader
FileReader 對象允許 JavaScript 讀取文件中的內容。它提供了一個簡單的 API,可以異步讀取文件內容,而無需使用服務器后端。
使用 FileReader
要使用 FileReader,請執行以下步驟:
創建 FileReader 對象:
const reader = new FileReader();
登錄后復制
為 FileReader 添加事件監聽器:
onload:在成功讀取文件時觸發。
onerror:在讀取文件出錯時觸發。
onabort:在讀取文件被中止時觸發。
onprogress:在讀取文件時觸發,提供有關讀取進度的信息。
使用 readAs 方法讀取文件:
readAsArrayBuffer:將文件內容讀取為二進制數據。
readAsBinaryString:將文件內容讀取為二進制字符串。
readAsDataURL:將文件內容讀取為 data URI。
readAsText:將文件內容讀取為文本。
例如,要將文件讀取為文本,可以使用以下代碼:
reader.onload = function() { const text = reader.result; // 對 text 進行處理 }; reader.readAsText(file);
登錄后復制
-
處理讀取結果:
在事件監聽器中,可以使用 reader.result 屬性訪問文件內容。
注意:
FileReader 只能異步讀取文件,因此當您需要文件內容時,不要將 FileReader 操作放在同步代碼塊中。
FileReader 支持多種不同的文件類型,但具體支持的文件類型取決于瀏覽器的實現。