文件名称:利用HTML5拖放技术实现多文件异步上传 (2015年)
文件大小:1004KB
文件格式:PDF
更新时间:2024-06-08 07:02:57
自然科学 论文
在传统的Web应用中实现本地文件的跨浏览器应用,不仅要编写大量冗余代码,而且很难获取良好的用户体验。HTML5利用拖放技术将本地文件拖放至浏览器,通过File API的dataTransfer对象获取文件属性,然后将符合条件的文件添加至由FormData生成的模拟表单中,最后由Ajax的XMLHttpRequest将表单内容提交给服务器,进而实现本地文件的拖放和异步上传。这极大地提升了用户体验,减轻了服务器负载。基于拖放技术的文件异步上传是Web应用的一种新型技术形式,有较良好的应用前景。