利用HTML5拖放技术实现多文件异步上传

• 作者: 刘耀钦
• 来源期刊: 四川理工学院学报（自然科学版）
• 学科: 工学
• 关键词: HTML5 拖放 异步 Ajax File API
• 年，卷（期）: 2015,（1）
• 所属期刊栏目: 机械、电子及计算机科学
• 页码范围: 17-20,30
• 页数: 5页
• 分类号: TP311
• 字数: 3536字
• 语种: 中文
• DOI: 10.11863/j.suse.2015.01.05

摘要

在传统的Web应用中实现本地文件的跨浏览器应用,不仅要编写大量冗余代码,而且很难获取良好的用户体验.HTML5利用拖放技术将本地文件拖放至浏览器,通过File API的dataTransfer对象获取文件属性,然后将符合条件的文件添加至由FormData生成的模拟表单中,最后由Ajax的XMLHttpRequest将表单内容提交给服务器,进而实现本地文件的拖放和异步上传.这极大地提升了用户体验,减轻了服务器负载.基于拖放技术的文件异步上传是Web应用的一种新型技术形式,有较良好的应用前景.

作者信息

序号	姓名	单位	发文数	被引次数	H指数	G指数
1	刘耀钦	郧阳师范高等专科学校计算机科学系	12	96	6.0	9.0