FileReader對(duì)象主要用來將文件讀入內(nèi)存，并讀取文件中的數(shù)據(jù)。我們可以通過構(gòu)造函數(shù)創(chuàng)建一個(gè)FileReader對(duì)象。以下是黑馬程序員課程筆記編輯的關(guān)于文件讀取對(duì)象的一些方法： 1. readA

FileReader對(duì)象主要用來將文件讀入內(nèi)存，并讀取文件中的數(shù)據(jù)。我們可以通過構(gòu)造函數(shù)創(chuàng)建一個(gè)FileReader對(duì)象。以下是黑馬程序員課程筆記編輯的關(guān)于文件讀取對(duì)象的一些方法：

1. readAsText()

該方法用于讀取文本文件（例如可以使用Txt打開的文件），并返回文本字符串，默認(rèn)編碼為UTF-8。

2. readAsBinaryString()

該方法用于讀取任意類型的文件，返回二進(jìn)制字符串。這個(gè)方法不是用來讀取文件展示給用戶看，而是用來存儲(chǔ)文件。例如，可以將文件內(nèi)容讀取為二進(jìn)制數(shù)據(jù)，然后傳遞給后臺(tái)，后臺(tái)接收到數(shù)據(jù)后再進(jìn)行存儲(chǔ)。

3. readAsDataURL()

該方法用于讀取文件并獲取一段以"data"開頭的字符串，這段字符串的本質(zhì)就是DataURL。DataURL是一種將文件（通常是圖像或可嵌入到文檔中的文件格式）嵌入到文檔中的方案。DataURL將資源轉(zhuǎn)換為base64編碼的字符串形式，并直接將這些內(nèi)容存儲(chǔ)在URL中。這樣做可以優(yōu)化網(wǎng)站的加載速度和執(zhí)行效率。

4. abort()

該方法用于中斷文件的讀取。一個(gè)常見的應(yīng)用是即時(shí)預(yù)覽，即當(dāng)用戶選擇完圖片后立即進(jìn)行預(yù)覽處理?？梢酝ㄟ^文件讀取對(duì)象的onchange事件與readAsDataURL()方法配合完成。

HTML部分的具體實(shí)現(xiàn)方法

JS部分

在獲取數(shù)據(jù)時(shí)，F(xiàn)ileReader還提供了一個(gè)完整的事件模型，用于捕獲文件讀取過程中的各種狀態(tài)。

重新生成JavaScript中的FileReader對(duì)象及其方法詳解