有一个很好的jQuery拖放文件上传插件吗？

Question

是否有一个漂亮整洁的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解决方案不是。

Answer 1

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

它还可以处理多个文件上传！

Answer 2

从创建TinyMCE编辑器的人那里查看最近的 ¹ 发布的上传处理程序。它有一个jQuery小部件，看起来它有一套很好的功能和后备。

http://www.plupload.com/

Answer 3

http://blueimp.github.com/jQuery-File-Upload/ =很棒的解决方案

根据他们的docs，以下浏览器支持drag＆amp;下降：

• Firefox 4 +
• Safari 5 +
• Google Chrome
• Microsoft Internet Explorer 10.0 +

Answer 4

如果你还在找一个，我刚刚发布了我的： http://github.com/weixiyen/jquery-filedrop

立即适用于Firefox 3.6。我决定暂时不做Chrome浏览器，让Webkit在下一版Safari和Chrome中赶上FileReader（）。

此插件将来兼容。

FileReader（）是类似于XHR.getAsBinary（）的官方标准，根据mozilla不推荐使用。

它也是我所知道的唯一HTML5桌面拖放插件，它允许您随文件一起发送额外数据，包括可以在上传时使用回调函数计算的数据。

Answer 5

如果你正在寻找一个不依赖Flash的产品，那么dropzonejs就是一个很好的呼声。它支持多个文件并拖放。

http://www.dropzonejs.com/

Answer 6

我创建了一个插件，允许您将一些文件放到给定区域。此插件目前适用于Firefox，Safari和Chrome。

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

Answer 7

无耻插头：

Filepicker.io会为您处理上传并返回网址。它支持拖放，跨浏览器。此外，人们可以从Dropbox / Facebook / Gmail上传，这在移动设备上非常方便。

Answer 8

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

它是一个功能强大的文件上传插件，与其他插件相比，设置非常简单，现在支持html5 api。