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

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

1. readAsText()

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

2. readAsBinaryString()

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

3. readAsDataURL()

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

4. abort()

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

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

JS部分

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

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