是否有一个不错的jQuery拖放文件上传插件?[关闭]


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-拖放多个文件上传

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

理想情况下,我正在寻找纯HTML5 / jQuery解决方案。
可以使用Google Gears,但不能使用Flash解决方案。


3
该解决方案仅适用于Firefox的出血边缘版本。目前在firefox 3.6之外没有支持。在这种情况下,您不太可能为其找到jQuery插件,而您极有可能需要自己制作它。
Jojo

1
呸。Alpha版本已经推出了几个月,应该足够长了。:/我想我自己去创建插件。完成后将回答问题。
Peter Boughton

@PeterBoughton如果您还没有完成该插件,则可能要接受一个答案
Basic

感谢您的提示基本。多年以来都没有看过这个,但是似乎有一个明显的最爱(从快速的外观看来它很不错),所以我会接受那个。
彼得·布顿

要获得快速移动,特别受支持且功能丰富的JavaScript上传器,而无需依赖项,请查看Fine Uploader,以前称为valums / file-uploader。
Ray Nicholus 2014年

Answers:


134

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

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


7
刚刚测试。对于Chrome和Firefox来说非常好。降级为IE下的正常上传按钮。(但是,它是不闪光的...)
Frank Nocke

2
我也在寻找文件上传插件,该插件现在无法在2015年使用(也许在2011年就可以使用了。)。有人知道一个有效的“ fileupload”插件吗?
伊兰·梅尔

30

查看创建TinyMCE编辑器的人员最近发布的1个上传处理程序。它具有一个jQuery小部件,看起来具有一组不错的功能和后备功能。

http://www.plupload.com/


我建议使用plupload,因为它可以利用其他技术来获得最佳的用户体验。
rickyduck 2011年

在Chrome 15中,all_runtime对我不起作用,应该重点解决,请亲自尝试:plupload.com/example_all_runtimes.php
Erik Johansson

1
它不是免费用于商业用途(免费版本使用GPL)
Sachin Joseph


15

如果您仍在寻找,我刚刚发布了我的网站:http : //github.com/weixiyen/jquery-filedrop

现在适用于Firefox 3.6。我决定暂时不进行Chrome黑客攻击,并让Webkit在下一版的Safari和Chrome中赶上FileReader()。

该插件将来兼容。

FileReader()是XHR.getAsBinary()之类的官方标准,根据Mozilla弃用了它。

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


1
关于此文档(甚至是现在的2013年)的文档虽然很少,但效果很好。
dansan 2013年

1
但是没有演示吗?!那是怎么回事。
Sagive SEO

15

如果您正在寻找不依赖Flash的产品,那么dropzonejs是一个很好的选择。它支持多个文件和拖放。

http://www.dropzonejs.com/


您最初的建议已于三月份移至github.com/Widen/fine-uploader
Ray Nicholus 2014年

感谢那。看起来它现在是付费产品(用于商业用途)。
Ross Gledhill

没错 我们无法提供免费提供的支持水平和开发速度。
Ray Nicholus 2014年

这是使用dropzonejs goo.gl/FVdkS0进行
Satinder singh

不容易与现有表单集成。这就是为什么我决定离开Dropzone的原因。
Usman Khalid 2015年


8

无耻的插头:

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


4

如何使用最新版本的jQuery Fileuploader:http ://pixelcone.com/fileuploader/

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


1
jQuery Fileuploader具有哪些许可证?我认为,您确实应该在您的网站上以及在插件的源代码中都对此进行澄清。:)
OpaCitiZen 2012年

链接断开,这是正确的吗?
Puce
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.