FileReader基礎

wangxinarhat 發布于2019-08-21 15:52 / 1455人閱讀

摘要：事件在的操作被中斷的時候觸發。讀取一個對象，將對象中的原始二進制數據作為字符串的形式返回。一個拖拽事件的參考文件拖拽實現拖拽監聽拖拽事件

FileReader語法

例子

屬性

FileReader.error表示在讀文件操作過程中發生的錯誤
FileReader.readyState表示FileReader讀取數據的狀態，有三個值：

EMPTY：沒有數據被加載

LOADING：數據正在被加載

FileReader.result代表數據讀取完成后的結果，只有在數據被加載完成后，result屬性才有效。

事件

FileReader.onbort在FileReader的reading操作被中斷的時候觸發。
FileReader.onerror在FileReader讀取數據過程中發生錯誤時觸發
FileReader.onload在FileReader讀取事件完成后調用
FileReader.onloadstart在FileReader讀取事件開始時調用
FileReader.onloadend在FileReader讀事件完成后調用
FileReader.onprogress在FileReader讀取數據的過程中調用

方法

FileReader.abort()中斷讀數據操作，直接返回，readyState將被設置為DONE
FileReader.readAsArrayBuffer()讀取Blob類型的數據，讀取完成后返回ArrayBuffer對象，ArrayBuffer對象存儲數據內容。
FileReader.readAsBinaryString()讀取一個Blob對象，將Blob對象中的原始二進制數據作為字符串的形式返回。
FileReader.readAsDataURL()返回一個代表文件數據的URL
FileReader.readAsTextString()讀取一個Blob對象，返回一個文本字符串。

Demo

一個拖拽事件的demo,參考MDN

GPU云服務器云服務器 FileReader FileReader分布讀取 FileReader上傳圖片 FileReader上傳文件

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/88298.html

FileReader基礎

摘要：事件在的操作被中斷的時候觸發。讀取一個對象，將對象中的原始二進制數據作為字符串的形式返回。一個拖拽事件的參考文件拖拽實現拖拽監聽拖拽事件 FileReader語法例子屬性 FileReader.error表示在讀文件操作過程中發生的錯誤FileReader.readyState表示FileReader讀取數據的狀態，有三個值： EMPTY：沒有數據被加載 LOADING：數據正在...

zhiwei 2019-08-01 16:54 評論0 收藏0
關于前端上傳文件全面基礎掃盲貼(四) ----- FileReader

摘要：沒有瀏覽器測試，所以不知道是不是有效，其實里面看起來比我寫的那個復雜，實際上多了個檢驗格式上兼容寫法所以不要怕，如果我錯了記得提醒下我啊。目前為止其實已經該說的都差不多覆蓋到了吧，動手能力強的話已經可以根據教程寫一個實例出來的了。系列文章關于前端上傳文件全面基礎掃盲貼(零)關于前端上傳文件全面基礎掃盲貼(一) ----- XMLHttpRequest關于前端上傳文件全面基礎掃盲貼(...

Tony 2019-08-26 10:31 評論0 收藏0
Java編程基礎22——IO(字符流)&字符流其他內容&遞歸

摘要：字符流字符流是什么字符流是可以直接讀寫字符的流字符流讀取字符就要先讀取到字節數據然后轉為字符如果要寫出字符需要把字符轉為字節再寫出類的方法可以按照字符大小讀取通過項目默認的碼表一次讀取一個字符賦值給將讀到的字符強轉后打印字符流類的方法可以 1_字符流FileReader 1.字符流是什么字符流是可以直接讀寫字符的IO流字符流讀取字符, 就要先讀取到字節數據, 然后轉為字符. ...

BoYang 2019-08-19 11:16 評論0 收藏0
js 讀取 input[type=file] 內容，直接顯示文本 | 圖片

摘要：接下來就是讀取并顯示這個文件。只讀表示狀態的數字。事件處理處理事件。該事件在讀取操作發生錯誤時觸發。開始讀取指定的中的內容。一旦完成，屬性中將包含一個字符串以表示所讀取的文件內容。 js 讀取 input[type=file] 內容，直接顯示文本 | 圖片這里面就不用 jquery 了，全用原生方法 1. 開始之前，你需要知道的一些基礎知識當出現時，該元素的 value 屬性...

yacheng 2019-08-23 15:30 評論0 收藏0