楼主: HappyAndy_Lo
199 4

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

  • 51关注
  • 7粉丝

大师

17%

还不是VIP/贵宾

-

威望
1
论坛币
84520 个
通用积分
11312.4871
学术水平
666 点
热心指数
821 点
信用等级
732 点
经验
398874 点
帖子
16369
精华
0
在线时间
3321 小时
注册时间
2016-7-9
最后登录
2024-6-4

+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中断读取操作


二维码

扫码加我 拉你入群

请注明:姓名-公司-职位

以便审核进群资格,未注明则拒绝

关键词:HTML5 HTML htm Document function

回帖推荐

xujingjun 发表于4楼  查看完整内容

gx666666gx888 发表于5楼  查看完整内容

好的,学习了。

萌芽的幸福 发表于6楼  查看完整内容

嘻嘻嘻嘻嘻嘻嘻嘻寻寻寻寻寻寻寻寻寻寻寻寻

萌芽的幸福 发表于8楼  查看完整内容

嘻嘻嘻嘻嘻嘻嘻嘻寻寻寻寻寻寻寻寻寻寻寻寻

萌芽的幸福 发表于10楼  查看完整内容

学习学习学习

萌芽的幸福 发表于9楼  查看完整内容

学习学习学习

经管之家编辑部 发表于3楼  查看完整内容

优秀学习笔记奖!
已有 1 人评分论坛币 收起 理由
经管之家编辑部 + 100 优秀学习笔记奖!

总评分: 论坛币 + 100   查看全部评分

本帖被以下文库推荐

沙发
albertwishedu 发表于 2019-6-21 09:01:33 |只看作者 |坛友微信交流群

使用道具

优秀学习笔记奖!

使用道具

板凳
xujingjun 发表于 2019-6-21 11:14:40 |只看作者 |坛友微信交流群

使用道具

报纸
gx666666gx888 发表于 2019-6-21 14:30:54 |只看作者 |坛友微信交流群
好的,学习了。

使用道具

地板
萌芽的幸福 发表于 2019-6-21 16:55:37 |只看作者 |坛友微信交流群
嘻嘻嘻嘻嘻嘻嘻嘻寻寻寻寻寻寻寻寻寻寻寻寻

使用道具

7
萌芽的幸福 发表于 2019-6-21 16:55:43 |只看作者 |坛友微信交流群
嘻嘻嘻嘻嘻嘻嘻嘻寻寻寻寻寻寻寻寻寻寻寻寻

使用道具

8
萌芽的幸福 发表于 2019-6-21 16:55:53 |只看作者 |坛友微信交流群
嘻嘻嘻嘻嘻嘻嘻嘻寻寻寻寻寻寻寻寻寻寻寻寻

使用道具

9
萌芽的幸福 发表于 2019-6-21 16:58:21 |只看作者 |坛友微信交流群
学习学习学习

使用道具

10
萌芽的幸福 发表于 2019-6-21 16:58:28 |只看作者 |坛友微信交流群
学习学习学习

使用道具

您需要登录后才可以回帖 登录 | 我要注册

本版微信群
加JingGuanBbs
拉您进交流群

京ICP备16021002-2号 京B2-20170662号 京公网安备 11010802022788号 论坛法律顾问:王进律师 知识产权保护声明   免责及隐私声明

GMT+8, 2024-6-5 08:38