HTML5之FileReader的簡易使用

2022-03-05 03:47:19 字數 906 閱讀 5016

用來把檔案讀入記憶體,並且讀取檔案中的資料。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事件,用來確定給使用者什麼樣的反饋,即位於該元素之上時呈現什麼樣的效果,如果該事件被取消,反饋一般是乙...