[学习笔记] HTML5+CSS3-充实笔记0622 [推广有奖]

51关注
7粉丝

大师

17%

还不是VIP/贵宾

威望: 1 级
论坛币: 84572 个
通用积分: 11273.3116
学术水平: 666 点
热心指数: 821 点
信用等级: 732 点
经验: 398461 点
帖子: 16348
精华: 0
在线时间: 3317 小时
注册时间: 2016-7-9
最后登录: 2024-5-28

楼主

HappyAndy_Lo 发表于 2019-6-22 19:23:55 |只看作者 |坛友微信交流群|倒序 |AI写论文

是否 +2 论坛币

k人参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群

赵安豆老师微信：zhaoandou666

经管之家联合CDA

送您一个全额奖学金名额~ !

立即领取

感谢您参与论坛问题回答

经管之家送您两个论坛币！

+2 论坛币

FileReader对象有一个result属性，用于存储读取文件结果
异步读取文件时，会触发事件，根据不同的事件处理不同的操作，可更人性化和健壮
读取数据中断时触发onabort事件
读取数据出错时触发onerror事件
读取数据开始时触发onloadstart事件
读取中，触发onprogress事件
读取成功完成时，触发onload事件
数据读取完成时，触发onloadend事件

示例：（以二进制读取数据）

<!DOCTYPE html>
<html>
<head>
   <title>7.3.1.html</title>
   <meta charset="utf-8">
   <script type="text/javascript">
      //read binary file
      function fileBinary(){
         var myDiv = document.getElementById("myDiv");
         if(typeof FileReader=="undefined"){
               myDiv.innerHTML="<h2>browser dont support FileReader</h2>";
               return false;
         }
         var file=document.getElementById("file").files[0];
         var reader =new FileReader();
         reader.readAsBinaryString(file);
         reader.onload = function(e){
               myDiv.innerHTML = this.result;
         }
      }
   </script>
</head>
<body>
   <input type="file" id="file" />
   <input type="button" value="Read binary file" />
   <div id="myDiv" name="myDiv"></div>

</body>
</html>