這篇文章主要介紹了JS中讀取文件的方法，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：申請域名、虛擬空間、營銷軟件、網(wǎng)站建設(shè)、代縣網(wǎng)站維護、網(wǎng)站推廣。

因為JavaScript中的Web API有了新的方法File API，所以我們在瀏覽器上讀取文件并處理數(shù)據(jù)更加方便而且不需要使用到后端服務(wù)器。

FileReader就是從一個文件中讀取數(shù)據(jù)并存儲在一個JavaScript變量中，它與XMLHttpRequest含義差不多，都是從一個外部資源加載數(shù)據(jù)而且讀操作是異步的，這樣的好處是不會使瀏覽器堵塞。它讀取操作的方法有多種多樣的，例如以下幾種方法

（1）readAsText() – 以純文本的形式返回文件內(nèi)容

該readAsText()方法可用于讀取文本文件。該方法有兩個參數(shù)。第一個參數(shù)是用于File或Blob要被讀取的對象。第二個參數(shù)用于指定文件的編碼。第二個參數(shù)是可選的。如果未指定，UTF-8則默認采用編碼。在設(shè)置中需要在文件加載完成后設(shè)置一個事件監(jiān)聽器。onload調(diào)用事件時，我們可以檢查result屬性FileReader所獲取文件的內(nèi)容。

（2）readAsArrayBuffer() 方法

該方法將讀取一個Blob或一個File對象并生成一個ArrayBuffer。當讀取操作完成時，readyState 變成 done（已完成），并觸發(fā) loadend 事件，同時 result 屬性中將包含一個 ArrayBuffer 對象用以表示所讀取文件的數(shù)據(jù)，ArrayBuffer 是固定長度的二進制數(shù)據(jù)緩沖區(qū)。在操作文件時比如將JPEG圖像轉(zhuǎn)換為PNG

（3）readAsDataURL()  使用數(shù)據(jù)URL的形式返回文件內(nèi)容

該方法接受File或Blob生成數(shù)據(jù)URL，這基本上是文件數(shù)據(jù)的base64編碼字符串可以將此數(shù)據(jù)URL用于設(shè)置src圖像屬性等內(nèi)容

上面的三種方法在使用過程中要在開始讀取之前，必須監(jiān)聽load事件，而event.target.result是返回讀取的結(jié)果。

感謝你能夠認真閱讀完這篇文章，希望小編分享JS中讀取文件的方法內(nèi)容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細的解決方法等著你來學(xué)習(xí)!

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

當前標題：JS中讀取文件的方法-創(chuàng)新互聯(lián)
文章起源：http://weahome.cn/article/csgopg.html