HTML5 FileReader 上傳檔案讀取

2021-08-28 21:30:17 字數 680 閱讀 5243

new filereader();

function uploadimg()}}​

filereader共有4種讀取方法:

1.readasarraybuffer(file):將檔案讀取為arraybuffer。(輸出為陣列集合物件)

2.readasbinarystring(file):將檔案讀取為二進位制字串(當前測試好像只支援純文字,試了doc,出現亂碼,修改編碼格式為gbk utf-8,沒有效果,其他文件型別有待測試)

3.readasdataurl(file):將檔案讀取為data url base64資料(base64就是一種基於64個可列印字元來表示二進位制資料的方法),當然加入將轉化為dataurl(base64),這樣就成為了一串字串,再傳到服務端。不過這樣缺點很多,資料量比轉換之前增加1/3

4.readastext(file, 'gbk'):將檔案讀取為文字,純文字不會出現亂碼(當前測試好像只支援純文字,試了doc,出現亂碼,修改編碼格式為gbk utf-8,沒有效果,其他文件型別有待測試)

HTML5 FileReader的使用方法

1.readastext 讀取文字檔案 可以使用txt開啟的檔案 返回文字字串,預設編碼是utf 8 2.readasbinarystring 讀取任意型別的檔案。返回二進位制字串。這個方法不是用來讀取檔案展示給使用者看,而是儲存檔案。例如 讀取檔案的內容,獲取二進位制資料,傳遞給後台,後台接收了資...

HTML5學習之FileReader介面

1 filereader介面的方法 filereader介面有4個方法,其中3個用來讀取檔案,另乙個用來中斷讀取。無論讀取成功或失敗,方法並不會返回讀取結果,這一結果儲存在result屬性中。filereader介面的方法 方法名引數描述 readasbinarystring file 將檔案讀取為...

HTML5學習之FileReader介面

用來把檔案讀入記憶體,並且讀取檔案中的資料。filereader介面提供了乙個非同步api,使用該api可以在瀏覽器主線程中非同步訪問檔案系統,讀取檔案中的資料。到目前文職,只有ff3.6 和chrome6.0 實現了filereader介面。1 filereader介面的方法 filereader...