前端開發(fā)入門到實戰(zhàn)：HTML5進(jìn)階FileReader的使用

FileReader 對象FileReader 對象主要用來把文件讀入內(nèi)存，并且讀取文件中的數(shù)據(jù)。通過構(gòu)造函數(shù)創(chuàng)建一個 FileReader 對象。

和政網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,和政網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為和政上1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)要多少錢，請找那個售后服務(wù)好的和政做網(wǎng)站的公司定做！

這個文件讀取對象有以下幾種方法：

1.readAsText():讀取文本文件(可以使用Txt打開的文件)，返回文本字符串，默認(rèn)編碼是UTF-8。

2.readAsBinaryString():讀取任意類型的文件。返回二進(jìn)制字符串。這個方法不是用來讀取文件展示給用戶看，而是存儲文件。例如：讀取文件的內(nèi)容，獲取二進(jìn)制數(shù)據(jù)，傳遞給后臺，后臺接收了數(shù)據(jù)之后，再將數(shù)據(jù)存儲。

3.readAsDataURL():讀取文件獲取一段以data開頭的字符串，這段字符串的本質(zhì)就是DataURL.DataURL是一種將文件(這個文件一般就是指圖像或者能夠嵌入到文檔的文件格式)嵌入到文檔的方案。DataURL是將資源轉(zhuǎn)換為base64編碼的字符串形式，并且將這些內(nèi)容直接存儲在url中>>優(yōu)化網(wǎng)站的加載速度和執(zhí)行效率。

前端學(xué)習(xí)秋秋qun： 767273102  。有任何不明白的東西隨時來問我

4.abort():中斷讀取

該對象常見應(yīng)用在即時預(yù)覽：

即時：當(dāng)用戶選擇完圖片之后就立刻進(jìn)行預(yù)覽的處理 >>onchange

預(yù)覽：通過文件讀取對象的readAsDataURL()完成。

以下是應(yīng)用時的具體實現(xiàn)：

·  HTML部分

· JS部分

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

    onabort:讀取文件中斷片時觸發(fā)
    onerror:讀取錯誤時觸發(fā)
    onload:文件讀取成功完成時觸發(fā)
    onloadend:讀取完成時觸發(fā)，無論成功還是失敗
    onloadstart:開始讀取時觸發(fā)
    onprogress:讀取文件過程中持續(xù)觸發(fā)

新聞名稱：前端開發(fā)入門到實戰(zhàn)：HTML5進(jìn)階FileReader的使用
文章地址：http://m.jiaotiyi.com/article/jdhjge.html