174

有没有一个漂亮整洁的 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-拖放-多个文件-上传

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

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

4

7 回答 7

30

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

http://www.plupload.com/

于 2010-02-05T22:45:50.490 回答
18

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

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

  • 火狐 4+
  • 野生动物园 5+
  • 谷歌浏览器
  • 微软 Internet Explorer 10.0+
于 2012-01-06T15:19:33.323 回答
16

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

http://www.dropzonejs.com/

于 2012-05-22T14:51:37.917 回答
15

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

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

这个插件是未来兼容的。

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

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

于 2010-06-22T08:04:02.437 回答
9

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

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

于 2010-07-07T09:36:24.547 回答
8

无耻的插头：

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

于 2012-06-21T23:35:41.233 回答
4

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

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

于 2011-08-08T09:52:07.673 回答