Tag: 拖放
使用HTML5的FileAPI实现拖拽上传
nick | js | 2010-11-19
前面一篇讲到了“异步”文件上传,最近在项目中又遇到了拖拽上传的例子,那就是利用HTML5的FileAPI来实现,Gmail和QQ邮箱里面都已经实现了拖拽上传附件。
FileReader对象可以让应用程序异步读取用户计算机上的文件,使用File对象来指定,File对象可以有两种方式获得:一个是页面中的input元素,还有就是通过拖拽操作传过来的DataTransfer对象。通过FileRe... [阅读全文]
Gmail 新增附件添加的拖放功能
nick | js | 2010-11-19
不久前,Gmail通过使用HTML5 标准,开始提供附件的拖放功能。
使用Chrome或Firefox 3.6版浏览器软件的用户,可以像其他电子邮件客户端软件中操作一样,直接将文件拖拽至新邮件中成为附件,而不用再通过点击“添加附件”按钮这样的多次点击操作。
function handleFiles(files) {
for (var i = 0; i <files.length; i++) {
var file = files[i];... [阅读全文]