FileReader 對象FileReader 對象主要用來把文件讀入內存,并且讀取文件中的數據。通過構造函數創建一個 FileReader 對象。
這個文件讀取對象有以下幾種方法:
1.readAsText():讀取文本文件(可以使用Txt打開的文件),返回文本字符串,默認編碼是UTF-8。
2.readAsBinaryString():讀取任意類型的文件。返回二進制字符串。這個方法不是用來讀取文件展示給用戶看,而是存儲文件。例如:讀取文件的內容,獲取二進制數據,傳遞給后臺,后臺接收了數據之后,再將數據存儲。
3.readAsDataURL():讀取文件獲取一段以data開頭的字符串,這段字符串的本質就是DataURL.DataURL是一種將文件(這個文件一般就是指圖像或者能夠嵌入到文檔的文件格式)嵌入到文檔的方案。DataURL是將資源轉換為base64編碼的字符串形式,并且將這些內容直接存儲在url中>>優化網站的加載速度和執行效率。
前端學習秋秋qun: 767273102 。有任何不明白的東西隨時來問我
4.abort():中斷讀取
該對象常見應用在即時預覽:
即時:當用戶選擇完圖片之后就立刻進行預覽的處理 >>onchange
預覽:通過文件讀取對象的readAsDataURL()完成。
以下是應用時的具體實現:
· HTML部分
· JS部分
其中獲取數據時,FileReader還提供一個完整的事件模型,用來捕獲讀取文件時的狀態。
onabort:讀取文件中斷片時觸發 onerror:讀取錯誤時觸發 onload:文件讀取成功完成時觸發 onloadend:讀取完成時觸發,無論成功還是失敗 onloadstart:開始讀取時觸發 onprogress:讀取文件過程中持續觸發
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。