亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > HTML > 正文

HTML5中FileReader接口使用方法實例詳解

2024-08-26 00:19:55
字體:
來源:轉載
供稿:網友

用來把文件讀入內存,并且讀取文件中的數據。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接口的使用

<script type="text/javascript">  var result=document.getElementById("result");  var file=document.getElementById("file");  //判斷瀏覽器是否支持FileReader接口  if(typeof FileReader == 'undefined'){      result.InnerHTML="<p>你的瀏覽器不支持FileReader接口!</p>";      //使選擇控件不可操作      file.setAttribute("disabled","disabled");  }  function readAsDataURL(){      //檢驗是否為圖像文件      var file = document.getElementById("file").files[0];      if(!/image///w+/.test(file.type)){          alert("看清楚,這個需要圖片!");          return false;      }      var reader = new FileReader();      //將文件以Data URL形式讀入頁面      reader.readAsDataURL(file);      reader.onload=function(e){          var result=document.getElementById("result");          //顯示文件          result.innerHTML='<img src="' + this.result +'"     }  }  function readAsBinaryString(){      var file = document.getElementById("file").files[0];      var reader = new FileReader();      //將文件以二進制形式讀入頁面      reader.readAsBinaryString(file);      reader.onload=function(f){          var result=document.getElementById("result");          //顯示文件          result.innerHTML=this.result;      }  }  function readAsText(){      var file = document.getElementById("file").files[0];      var reader = new FileReader();      //將文件以文本形式讀入頁面      reader.readAsText(file);      reader.onload=function(f){          var result=document.getElementById("result");          //顯示文件          result.innerHTML=this.result;      }  }  </script>  <p>      <label>請選擇一個文件:</label>      <input type="file" id="file" />      <input type="button" value="讀取圖像" onclick="readAsDataURL()" />      <input type="button" value="讀取二進制數據" onclick="readAsBinaryString()" />      <input type="button" value="讀取文本文件" onclick="readAsText()" />  </p>  <div id="result" name="result"></div>  

總結

以上所述是小編給大家介紹的HTML5中FileReader接口使用方法實例詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對VeVb武林網網站的支持!


注:相關教程知識閱讀請移步到HTML教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
不卡伊人av在线播放| 国产欧美 在线欧美| 日韩在线中文视频| 欧美日韩国产综合新一区| 91精品国产99久久久久久| 国产日韩精品在线播放| 国产一区二区三区中文| 欧美在线一级va免费观看| 福利精品视频在线| 亚洲欧美日韩国产中文专区| 中日韩美女免费视频网站在线观看| 国产精品一二三视频| 日本精品一区二区三区在线| 国产偷亚洲偷欧美偷精品| 精品无人区乱码1区2区3区在线| 久久久噜噜噜久噜久久| 亚州精品天堂中文字幕| 亚洲国产成人久久综合一区| 国产精品白丝av嫩草影院| 91av视频在线免费观看| 亚洲综合精品一区二区| 精品无人区乱码1区2区3区在线| 9.1国产丝袜在线观看| 日韩成人在线视频观看| 国产精品免费久久久久久| 国产精品一区二区av影院萌芽| 日本一区二区在线播放| 青草青草久热精品视频在线观看| 午夜精品美女自拍福到在线| 欧美日韩精品二区| 欧美—级a级欧美特级ar全黄| 日韩av影院在线观看| 九九九热精品免费视频观看网站| 米奇精品一区二区三区在线观看| 精品久久久久久久久国产字幕| 欧美极品少妇xxxxx| 日本中文字幕成人| 久久精品成人欧美大片| 亚洲精品国产精品久久清纯直播| 欧美日韩精品在线视频| 国产97在线观看| 91亚洲精华国产精华| 97色在线视频| 在线视频亚洲欧美| 国产日韩欧美日韩大片| 欧美精品激情视频| 精品中文字幕乱| 国产在线98福利播放视频| 亚洲视频在线免费观看| 九九热这里只有精品6| 亚洲久久久久久久久久久| 疯狂蹂躏欧美一区二区精品| 精品高清一区二区三区| 国产成人拍精品视频午夜网站| 国产日韩欧美视频| 蜜月aⅴ免费一区二区三区| 久久视频在线直播| 91精品综合久久久久久五月天| 欧美在线不卡区| 久久久国产一区二区三区| 成人女保姆的销魂服务| 欧美黑人xxxⅹ高潮交| 麻豆成人在线看| 久久亚洲综合国产精品99麻豆精品福利| 亚洲国产91色在线| 日韩精品有码在线观看| 亚洲自拍偷拍色图| 91久久嫩草影院一区二区| 国产精品久久久久国产a级| 美女撒尿一区二区三区| 最近中文字幕mv在线一区二区三区四区| 尤物99国产成人精品视频| 日本精品性网站在线观看| 国产精品久久久久秋霞鲁丝| 欧美日韩999| 成人综合国产精品| 亚洲国产精品人人爽夜夜爽| 成人中文字幕在线观看| 另类视频在线观看| 亚洲男人第一av网站| 亚洲中国色老太| 狠狠躁夜夜躁人人躁婷婷91| 福利视频一区二区| 欧美性jizz18性欧美| 国产精品色婷婷视频| 亚洲国产欧美一区二区三区同亚洲| 国产精品成人aaaaa网站| 日本精品免费观看| 欧美激情高清视频| 91人人爽人人爽人人精88v| 精品国偷自产在线| 成人福利网站在线观看11| 亚洲欧美精品中文字幕在线| 欧美精品免费在线观看| 日韩在线视频一区| 日韩一级裸体免费视频| 欧美成人久久久| 亚洲精品国产福利| 97在线视频一区| 精品视频9999| 成人精品一区二区三区电影免费| 欧美一区二区.| 亚洲国产欧美自拍| 欧美激情图片区| 国产欧美日韩精品专区| 欧美日韩中文字幕在线视频| 日韩中文字幕欧美| 亚洲第一精品久久忘忧草社区| 欧美中文字幕精品| 综合欧美国产视频二区| 国产精品久久91| 国产一区视频在线播放| 国产欧美在线视频| 国产精品亚洲一区二区三区| 亚洲精品日韩激情在线电影| 91在线精品视频| 一本色道久久综合亚洲精品小说| 九色精品美女在线| 国产91色在线免费| 日韩在线资源网| 91九色视频在线| 日韩在线观看免费高清完整版| 日韩欧美主播在线| 这里只有精品在线观看| 精品国产一区二区三区久久狼黑人| 亚洲丝袜av一区| 性欧美暴力猛交69hd| 亚洲天堂av电影| 日韩中文字幕国产精品| 日韩在线播放视频| 在线色欧美三级视频| 日韩成人免费视频| 成人午夜黄色影院| 国产精品久久久久一区二区| 97在线视频一区| 国产日韩欧美自拍| 欧美日韩性视频| 久久综合亚洲社区| 精品国内产的精品视频在线观看| 久久影院在线观看| 欧美丰满少妇xxxx| 久久久久久午夜| 欧美日韩另类字幕中文| 九九精品在线播放| 国产最新精品视频| 欧美剧在线观看| 中文字幕v亚洲ⅴv天堂| 国产精品91久久久| 国产精品美女在线| 国产精品狠色婷| 欧美一区亚洲一区| 国产盗摄xxxx视频xxx69| 国产精品一二三在线| 久久久久久久久久久国产| 久久久精品日本| 欧美一区第一页| 日韩精品在线免费观看| 久久69精品久久久久久久电影好| 欧日韩不卡在线视频| 456亚洲影院| 日韩av在线免播放器| 国产精品视频专区| 久久久免费在线观看| 97久久超碰福利国产精品…|