是否有一个好的 jQuery 拖放文件上传插件?

是否有一个整洁的 jQuery 插件,允许包含一个 JS 脚本,然后使用一个简单的代码片段来启用表单?就像这样:

$j('#MyForm').enableDragDropUploads('.upload-area')

上传目标是表单的操作。

任何解决方案都不能阻止常规文件字段的使用(使用传统的浏览方法)。

我一次只需要一个文件,当然,拥有多个文件的选项并不是一件坏事。

我发现了几个拖放上传的例子:
Http://www.appelsiini.net/2009/10/drag-and-drop-file-upload-with-google-gears Http://www.appelsiini.net/2009/10/html5-drag-and-drop-multiple-file-upload

但是这里的代码并没有设置为插件。改变它可能并不太困难,但是如果其他人已经做了这项工作,并且只是在回避我的谷歌搜索,那么改变它也没有意义。

我理想的是寻找一个纯 HTML5/jQuery 解决方案。
Google Gears 是可以接受的,但 Flash 解决方案就不行了。

156508 次浏览

查看最近发布的 译自: 美国《科学》杂志网站(http://blog.moxiecode.com/2010/02/03/plupload- 发布)原著: http://blog.moxiecode.com/2010/02/03/plupload- 发布上传处理程序从家伙创建 TinyMCE 编辑器。它有一个 jQuery 小部件,看起来它有一组不错的特性和备份。

Http://www.plupload.com/

如果你还在找,我刚刚发布了我的: Http://github.com/weixiyen/jquery-filedrop

现在就可以用于 Firefox 3.6。我决定暂时不做 Chrome 的黑客工作,让 Webkit 在 Safari 和 Chrome 的下一个版本中赶上 FileReader ()。

这个插件将来是兼容的。

FileReader ()是官方标准,而 XHR.getAsBinary ()之类的标准根据 mozilla 不推荐使用。

据我所知,这也是唯一一个 HTML5桌面拖放插件,它允许你在发送文件的同时发送额外的数据,包括可以在上传时通过回调函数计算的数据。

我创建了一个插件,它允许您将一些文件拖放到给定的区域。这个插件目前可以在 Firefox,Safari 和 Chrome 中使用。

Http://code.google.com/p/dnd-file-upload/

最新版本的 jQueryFileuploader: http://pixelcone.com/fileuploader/怎么样

它是一个强大的文件上传插件,与其他插件相比非常容易设置,并且它现在支持 html5 API。

Http://blueimp.github.com/jquery-file-upload/ = 伟大的解决方案

根据 医生,以下浏览器支持拖放:

  • 火狐4 +
  • Safari 5 +
  • 谷歌浏览器
  • Internet Explorer 10.0 +

如果你正在寻找一个不依赖于 Flash,然后 drozonejs 是一个很好的呼吁。它支持多个文件和拖放。

Http://www.dropzonejs.com/

无耻插头:

Io 为您处理上传并返回一个 url。它支持拖放,跨浏览器。此外,人们可以从 Dropbox/Facebook/Gmail 上传,这在移动设备上非常方便。