有一个很好的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.净/ 2009/10/HTML5的拖放和下拉式多文件上传

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

我理想地寻找纯HTML5/jQuery解决方案.
可以接受Google Gears,但Flash解决方案不是.

Answer 1

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

它还处理多个文件上传!

Answer 2

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

http://www.plupload.com/

Answer 3

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

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

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

Answer 4

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

适用于Firefox 3.6.我决定暂时不做Chrome hack,让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上传,这在移动设备上非常方便.