[学习笔记] HTML5+CSS3=充实笔记0621 [推广有奖]

51关注
7粉丝

已卖：1067份资源

大师

27%

还不是VIP/贵宾

威望: 1 级
论坛币: 83548 个
通用积分: 13754.5944
学术水平: 673 点
热心指数: 828 点
信用等级: 739 点
经验: 426272 点
帖子: 17366
精华: 0
在线时间: 3611 小时
注册时间: 2016-7-9
最后登录: 2026-1-6

楼主

HappyAndy_Lo 发表于 2019-6-21 09:01:05 |AI写论文

是否 +2 论坛币

k人参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群

赵安豆老师微信：zhaoandou666

经管之家联合CDA

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

立即领取

感谢您参与论坛问题回答

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

+2 论坛币

File对象与FileList对象
使用此两对象，实现上传文件界面的示例代码：

<!DOCTYPE html>
<html>
<head>
   <title>7.2.1.html</title>
   <meta charset="utf-8">
   <script type="text/javascript">
      function show(){
         var file, filelist, mySpan;
         file=document.getElementById("file");
         filelist = file.files;
         mySpan = document.getElementById("mySpan");
         var names="";
         for(var i=0; i<filelist.length; i++){
               names += filelist.name + "<br />";
         }
         mySpan.innerHTML=names;
      }
   </script>
</head>
<body>
   <input type="file" id="file" multiple />
   <input type="button" id="button" value="上传文件" />
   <br />
   <span id="mySpan"></span>
</body>
</html>

FileReader对象
用于读取文件里面的数据，进入内存。根据文件类型不一样，可选择不同的方法读取文件（异步读取文件的过程中，可以触发多个事件）

4个方法
readAsBinaryString以二进制方式读取文件
readAsText以文本方式读取
readAsDataURL以DataURL读取文件
abort中断读取操作