有没有好的 jQuery 拖放文件上传插件？ [关闭]答案

【问题标题】：Is there a good jQuery Drag-and-drop file upload plugin? [closed]有没有好的 jQuery 拖放文件上传插件？ [关闭]
【发布时间】：2010-12-12 10:24:47
【问题描述】：

是否有一个漂亮整洁的 jQuery 插件，它允许包含单个 JS 脚本，然后使用简单的 sn-p 来启用表单？像这样的：

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

上传目标是表单的动作。

任何解决方案都不得阻止常规文件字段可用（使用传统浏览方法）。

我一次只需要一个文件，当然可以选择多个文件并不是一件坏事。

但是那里的代码没有设置为插件。更改它可能并不太难，但如果其他人已经完成了这项工作并且只是在逃避我的 Google 搜索，那么这样做也没有意义。

理想情况下，我正在寻找纯 HTML5/jQuery 解决方案。
Google Gears 是可以接受的，但 Flash 解决方案不是。

【问题讨论】：

该解决方案仅适用于 Firefox 的出血边缘版本。目前它在 Firefox 3.6 之外没有支持。在这种情况下，您不太可能为它找到一个 jQuery 插件，而且您很可能需要自己制作。
呸。 Alpha版本已经发布了几个月，应该足够长了。 :/ 我想我会自己去创建插件。完成后会回答问题。
@PeterBoughton 如果你还没有完成那个插件，你可能想接受一个答案
感谢您的基本提示。好久没看这个了，但似乎有一个明显的最爱（而且从快速浏览来看它似乎不错），所以我会接受那个。
对于一个快速移动、受到特别支持且功能丰富且没有依赖关系的 JavaScript 上传器，请查看 Fine Uploader，以前称为 valums/file-uploader。

【解决方案1】：

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

【讨论】：

我建议使用 plupload，因为它利用其他技术来获得最佳用户体验。
all_runtime 在 Chrome 15 中对我不起作用，这应该是重点，你自己试试吧：plupload.com/example_all_runtimes.php
商业用途不免费（免费版使用GPL）

【解决方案2】：

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

根据他们的docs，以下浏览器支持拖放：

【讨论】：

【解决方案3】：

如果您正在寻找不依赖 Flash 的工具，那么 dropzonejs 是一个不错的选择。它支持多个文件和拖放。

【讨论】：

【解决方案4】：

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

目前适用于 Firefox 3.6。我决定暂时不做 Chrome hack，让 Webkit 在 Safari 和 Chrome 的下一个版本中赶上 FileReader()。

这个插件是未来兼容的。

FileReader() 是 XHR.getAsBinary() 之类的官方标准，根据 mozilla 已弃用。

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

【讨论】：

【解决方案5】：

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

【讨论】：

【解决方案6】：

无耻的插头：

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

【讨论】：

【解决方案7】：

最新版的jQuery Fileuploader怎么样：http://pixelcone.com/fileuploader/

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

【讨论】：