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