你的位置:首页 > 软件开发 > Java > HTML5 + AJAX ( 原生JavaScript ) 异步多文件上传

HTML5 + AJAX ( 原生JavaScript ) 异步多文件上传

发布时间:2015-11-05 11:01:17
这是在上篇 HTML5 + AJAX ( jQuery版本 ) 文件上传带进度条 的修改版本。后台代码不变就可以接着使用,但是脚本不再使用jQuery了,改为原生的 JavaScript 代码,所以我们主要看JS代码 页面技术:HTML5后台技术:Servlet 3. ...

这是在上篇 HTML5 + AJAX ( jQuery版本 ) 文件上传带进度条 的修改版本。后台代码不变就可以接着使用,但是脚本不再使用jQuery了,改为原生的 JavaScript 代码,所以我们主要看JS代码

 

页面技术:HTML5

后台技术:Servlet 3.0

服务器:Tomcat 7.0

脚本:JavaScript


HTML5 file组件的新属性

accept : 如果在file组件中增加这个属性就可以直接控制上传的文件类型了,实在是很方便。

multiple:是否允许选择多个文件

 

HTML5 页面代码修改后

 

<img width="400" height="250"/><br /><input type="file" id="pic" name="pic" onchange="printFileInfo()" accept="image/*" multiple="multiple"/><input type="button" value="上传图片" onclick="uploadFile()" /><br /><div id="parent">  <div id="son"></div></div>

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:HTML5 + AJAX ( 原生JavaScript ) 异步多文件上传

关键词:JavaScript

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。