有没有一个很好的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://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是一个好消息。 它支持多个文件和拖放。
我创build了一个插件,允许您将某些文件放到指定区域。 这个插件目前在Firefox,Safari和Chrome中运行。
无耻插头:
Filepicker.io为您处理上传并返回一个url。 它支持拖放,跨浏览器。 此外,人们可以从移动设备上的超级方便的Dropbox / Facebook / Gmail上传。
如何最新版本的jQuery Fileuploader: http ://pixelcone.com/fileuploader/
其强大的file upload插件,与其他插件相比,非常容易设置,现在支持html5 api。