有没有一个很好的jQuery拖放file upload插件?

有没有一个很好的整洁的jQuery插件,允许包括一个单一的JS脚本,然后使用一个简单的片段来启用一个表单? 像这样的东西:

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

上传目标是表单的动作。

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

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

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

但是那里的代码没有设置为插件。 改变它可能并不难,但如果其他人已经完成了这项工作,并且完全回避我的Googlesearch,那也没有意义。

我理想的是寻找一个纯粹的HTML5 / jQuery解决scheme。
Google Gears是可以接受的,但是Flash解决scheme不是。

看看这个: http : //aquantum-demo.appspot.com/file-upload

它也处理多个file upload!

查看创buildTinyMCE编辑器的最近发布的上传处理程序。 它有一个jQuery小部件,看起来它有一个很好的function和后备。

http://www.plupload.com/

http://blueimp.github.com/jQuery-File-Upload/ =伟大的解决scheme

根据他们的文档 ,以下浏览器支持拖放:

  • Firefox 4+
  • Safari 5+
  • 谷歌浏览器
  • Microsoft Internet Explorer 10.0+

如果你仍然在寻找一个,我刚刚发布我的: http : //github.com/weixiyen/jquery-filedrop

适用于Firefox 3.6。 我决定暂时不要进行Chrome黑客攻击,让Webkit在Safari和Chrome的下一个版本中跟上FileReader()。

这个插件是未来兼容的。

FileReader()是像XHR.getAsBinary()这样的根据mozilla弃用的东西的官方标准。

它也是唯一的HTML5桌面拖放插件,我知道它可以发送额外的数据,包括可以在上传时使用callback函数计算的额外数据。

如果你正在寻找一个不依靠Flash的话,那么dropzonejs是一个好消息。 它支持多个文件和拖放。

http://www.dropzonejs.com/

我创build了一个插件,允许您将某些文件放到指定区域。 这个插件目前在Firefox,Safari和Chrome中运行。

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

无耻插头:

Filepicker.io为您处理上传并返回一个url。 它支持拖放,跨浏览器。 此外,人们可以从移动设备上的超级方便的Dropbox / Facebook / Gmail上传。

如何最新版本的jQuery Fileuploader: http ://pixelcone.com/fileuploader/

其强大的file upload插件,与其他插件相比,非常容易设置,现在支持html5 api。