使用HTML5的FileAPI实现拖拽上传
前面一篇讲到了“异步”文件上传，最近在项目中又遇到了拖拽上传的例子，那就是利用HTML5的FileAPI来实现，Gmail和QQ邮箱里面都已经实现了拖拽上传附件。
FileReader对象可以让应用程序异步读取用户计算机上的文件，使用File对象来指定，File对象可以有两种方式获得：一个是页面中的input元素，还有就是通过拖拽操作传过来的DataTransfer对象。通过FileReader可以将文件转换为以下三种形式：readAsBinaryString/readAsDataURL/readAsText。
要想实现上传还需要用到XMLHTTPRequest的upload属性以及progress事件，使异步文件上传和进度显示得以实现。详细请看此DEMO。
了解更多请阅读Drag and drop file uploading using JavaScript和The File API has changed
原文：http://adamlu.com/?p=460
本文出自 传播、沟通、分享，转载时请注明出处及相应链接。
本文永久链接: https://www.nickdd.cn/?p=1245
