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

摘要：

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

关键词：HTML5、拖放、异步、Ajax、File API

所属期刊栏目：28

分类号：TP311(计算技术、计算机技术)

资助基金：郧阳师范高等专科学校年重点科研项目2014A01

在线出版日期：2015-04-23（万方平台首次上网日期，不代表论文的发表时间）

页数：共5页

页码：17-20,30