中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

HTML5進階FileReader的使用

發布時間:2020-08-04 22:33:12 來源:ITPUB博客 閱讀:156 作者:智云編程 欄目:web開發

FileReader 對象FileReader 對象主要用來把文件讀入內存,并且讀取文件中的數據。通過構造函數創建一個 FileReader 對象。

HTML5進階FileReader的使用

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

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

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

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

為了幫助大家讓學習變得輕松、高效,給大家免費分享一大批資料,幫助大家在成為前端工程師,乃至全棧工程師的路上披荊斬棘。在這里給大家推薦一個前端全棧學習扣qun:784783012 歡迎大家進群。交流討論,學習交流,共同進步。
當真正開始學習的時候難免不知道從哪入手,導致效率低下影響繼續學習的信心。
但最重要的是不知道哪些技術需要重點掌握,學習時頻繁踩坑,最終浪費大量時間,所以有效資源還是很有必要的。
學習前端,我們是認真的

4.abort():中斷讀取

該對象常見應用在即時預覽:

即時:當用戶選擇完圖片之后就立刻進行預覽的處理 >>onchange

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

以下是應用時的具體實現:

·  HTML部分

HTML5進階FileReader的使用

· JS部分

HTML5進階FileReader的使用

其中獲取數據時,FileReader還提供一個完整的事件模型,用來捕獲讀取文件時的狀態。

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


向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

渝北区| 临海市| 重庆市| 梅河口市| 沾益县| 石家庄市| 海南省| 北宁市| 乾安县| 天津市| 格尔木市| 祁东县| 万载县| 凤冈县| 长泰县| 玛沁县| 丹东市| 博爱县| 丹棱县| 镇宁| 洮南市| 胶南市| 邹平县| 象州县| 应城市| 弋阳县| 常熟市| 马鞍山市| 兰考县| 永定县| 浮梁县| 张家口市| 奇台县| 桂东县| 嵊泗县| 高台县| 彭州市| 汪清县| 大理市| 江西省| 铜梁县|