H5新特性FileReader使用心得

作用about()

終止讀取

readasbinarystring(file)

將檔案讀取為二進位制編碼

readasdataurl(file)

將檔案讀取為dataurl編碼

readastext(file, [encoding])

將檔案讀取為文字

readasarraybuffer(file)​​​​​​​

將檔案讀取為arraybuffer

作用onloadstart

讀取開始時觸發

onprogress

讀取中onloadend

讀取完成觸發，無論成功或失敗

onload

檔案讀取成功完成時觸發

onabort

中斷時觸發

onerror

出錯時觸發

我本次用作檔案上傳和預覽兩個功能

實際使用**如下：

this.reader = new filereader();

// read in the image file as a binary string.

this.reader.onloadstart = function(e) {};

this.reader.onload = function(e) {};

this.reader.onloadend = function(e) );}};

this.reader.onerror = function(e) ;

this.reader.onprogress = function(e) ;

this.reader.onabort = function(e) ;

this.reader.readasarraybuffer(f);

H5常用新特性

注意 這些新特性都有相容性的問題，基本是ie9 以上版本的瀏覽器才支援，如果不考相容性問題，可以大量使用這些新特性 html5新增的語義話標籤 html新增的多 標籤 屬性值描述 autoplay autoplay controls controls width pixels height pxlo...

h5新特性 canvas標籤（補充）

上下文物件 painter 1.透明度 語法 painter.globalalpha 0 1 任何操作都要在fill 之前 2.線性 1 設定線寬 painter.linewidth number 2 端點 painter.lincap 端點型別 型別 butt 無端點,round 圓弧端點 squ...

H5新特性 本地儲存

注意 本地儲存呼叫者必須統一，用臨時儲存儲存的資料，只有臨時儲存才能找到 localstorage 永久儲存 相對 其中的資料不隨著瀏覽器的開關而改變 sessionstorage 臨時儲存 相對 當瀏覽器關閉 當前頁面關閉時，資料消失,頁面重新整理時不會影響 兩者區別 local 和 sessio...