JavaScript FileReader
FileReader物件用於將檔案寫入記憶體,HTML5新增。
利用此物件,web應用程式可以非同步的讀取儲存在使用者計算機上的檔案(或者原始資料緩衝)內容。
可以使用File物件或者Blob物件來指定所要處理的檔案或資料,關於兩個物件可以參閱對應教程。
使用建構函式FileReader()可以建立一個FileReader型別物件。
語法結構:
[JavaScript] 純文字檢視 複製程式碼let reader = new FileReader();
不同型別的檔案,FileReader提供了不同的方法讀取,具體參閱以下相關文章:
(1).readAsArrayBuffer()方法一章節。
(2).readAsDataURL()方法一章節。
(3).readAsText()方法一章節。
(4).abort()方法一章節。
此物件採用非同步方式讀取檔案,不同的階段可以觸發不同事件,具體參閱FileReader 事件一章節。
FileReader還具有兩個屬性,具體參閱以下兩篇文章:
(1).FileReader readyState 屬性一章節。
(2).FileReader result 屬性一章節。
相關文章
- FileReader 事件事件
- FileReader readAsText()AST
- FileReader 解析
- FileReader 事件用法事件
- FileReader abort 事件事件
- FileReader error 事件Error事件
- FileReader loadstart 事件事件
- FileReader readyState 屬性
- FileReader error 屬性Error
- FileReader result 屬性
- FileReader.readyState 屬性
- web前端圖片上傳(3)–filereaderWeb前端
- HTML5進階FileReader的使用HTML
- IO流 檔案字元流FileReader、FlieWriter字元
- FileReader()讀取檔案、圖片上傳預覽
- FileReader初步使用實現上傳圖片預覽效果
- 你有使用過FileReader嗎?說說它有哪些應用場景?
- H5 FileReader+drag+ajax2.0+Formdata實現圖片拖拽上傳H5ORM
- 前端開發入門到實戰:HTML5進階FileReader的使用前端HTML
- JavaScript高階:JavaScript物件導向,JavaScript內建物件,JavaScript BOM,JavaScript封裝JavaScript物件封裝
- javaScript系列[06]-javaScript和thisJavaScript
- [Javascript] How javascript read the property?JavaScript
- javaScript系列[05]-javaScript和JSONJavaScriptJSON
- “This” is For JavaScriptJavaScript
- This in JavaScriptJavaScript
- JavaScript -"this"JavaScript
- JavaScriptJavaScript
- javascript ??JavaScript
- 44 道 JavaScript 難題(JavaScript Puzzlers!)JavaScript
- [Javascript] Understanding JavaScript Proxies with Symbol.toPrimitiveJavaScriptSymbolMIT
- JavaScript 教程之JavaScript常用框架簡介JavaScript框架
- [Javascript] Perform Set Operations using JavaScript Set MethodsJavaScriptORM
- javascript — == vs ===JavaScript
- JavaScript selectedIndexJavaScriptIndex
- JavaScript deleteCell()JavaScriptdelete
- JavaScript lastElementChildJavaScriptAST
- JavaScript hasAttribute()JavaScript
- JavaScript getAttributeNode()JavaScript