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

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