用來把檔案讀入記憶體,並且讀取檔案中的資料。filereader介面提供了乙個非同步api,使用該api可以在瀏覽器主線程中非同步訪問檔案系統,讀取檔案中的資料。filereader介面提供了讀取檔案的方法和包含讀取結果的事件模型。
1、filereader介面的方法
filereader介面有4個方法,其中3個用來讀取檔案,另乙個用來中斷讀取。無論讀取成功或失敗,方法並不會返回讀取結果,這一結果儲存在result屬性中。
方法名:
引數:描述:
readasdataurl
file
將檔案讀取為dataurl(一般讀取)
readastext
ile,[encoding]
將檔案讀取為文字
readasbinarystring
file
將檔案讀取為二進位制編碼
abort
(none)
終端讀取操作
2、filereader介面事件
事件:描述:
onabort
中斷onerror
出錯onloadstart
開始onprogress
正在讀取
onload
成功讀取
onloadend
讀取完成,無論成功失敗
3、filereader介面的使用
4、filereader效果展示
HTML5學習之 HTML 5 拖放
拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...
HTML5基礎篇之HTML
本文章純屬個人學習之後總結的一些小經驗,望大神指導指導 一 html基本結構 注 html大小寫都可以 但是不要出現這種的 html 要麼全都大寫 要麼全都小寫 所有的標點符號都必須是英文狀態下的!切記!doctype 宣告文件型別 千萬不可以忘記 meta charset utf 8 防止出現亂碼...
HTML5之拖放功能
要接受元素的放下,目標元素必須監聽至少3個事件 1 首先是dragenter事件,用來決定是否接受 拖動的元素 被放下,如果接受放下,那麼該事件就被取消,進入下乙個事件 2 然後開始dragover事件,用來確定給使用者什麼樣的反饋,即位於該元素之上時呈現什麼樣的效果,如果該事件被取消,反饋一般是乙...