用來把檔案讀入記憶體，並且讀取檔案中的資料。filereader介面提供了乙個非同步api，使用該api可以在瀏覽器主線程中非同步訪問檔案系統，讀取檔案中的資料。到目前文職，只有ff3.6+和chrome6.0+實現了filereader介面。
1、filereader介面的方法
filereader介面有4個方法，其中3個用來讀取檔案，另乙個用來中斷讀取。無論讀取成功或失敗，方法並不會返回讀取結果，這一結果儲存在result屬性中。
filereader介面的方法
方法名引數描述
readasbinarystring
file
將檔案讀取為二進位制編碼
readastext
file,[encoding]
將檔案讀取為文字
readasdataurl
file
將檔案讀取為dataurl
abort
(none)
終端讀取操作
2、filereader介面事件
filereader介面包含了一套完整的事件模型，用於捕獲讀取檔案時的狀態。
filereader介面的事件
事件描述onabort
中斷onerror
出錯onloadstart
開始onprogress
正在讀取
onload
成功讀取
onloadend
讀取完成，無論成功失敗
3、filereader介面的使用
var
result
=document
.getelementbyid("result");
var
file
=document
.getelementbyid("file");
//判斷瀏覽器是否支援filereader介面
if(typeof
filereader
== 'undefined')
function readasdataurl()
var
reader
= new
filereader();
//將檔案以data url形式讀入頁面
reader.readasdataurl(file);
reader.onload
=function
(e)
} function readasbinarystring()
} function readastext()
}
HTML5學習之 HTML 5 拖放
拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性，即抓取物件以後拖到另乙個位置。在 html5 中，拖放是標準的一部分，任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...
HTML5學習筆記一 簡單學習HTML5
html 是用來描述網頁的一種語言。html5 是下一代 html 標準。html html 4.01的上乙個版本誕生於 1999 年。自從那以後，web 世界已經經歷了巨變。html5 仍處於完善之中。然而，大部分現代瀏覽器已經具備了某些 html5 支援。html5 中的一些有趣的新特性 看一下...
HTML5學習筆記一 簡單學習HTML5
html 是用來描述網頁的一種語言。html5 是下一代 html 標準。html html 4.01的上乙個版本誕生於 1999 年。自從那以後，web 世界已經經歷了巨變。html5 仍處於完善之中。然而，大部分現代瀏覽器已經具備了某些 html5 支援。html5 中的一些有趣的新特性 看一下...