file-upload - 有没有一个很好的jQuery拖放文件上传插件?




drag-and-drop html5 google-gears (8)

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

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

有没有一个很好的整洁的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-drag-and-drop-multiple-file-upload

但是那里的代码没有被设置为插件。 改变它可能并不难,但如果其他人已经完成了这项工作并且完全回避了我的Google搜索,那也没有意义。

我理想的是寻找纯粹的HTML5 / jQuery解决方案。
Google Gears是可以接受的,但Flash解决方案并非如此。




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

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

这个插件是未来兼容的。

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

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


无耻插头:

Filepicker.io为您处理上传并返回一个url。 它支持拖放,跨浏览器。 此外,用户可以通过移动设备上的超级方便的Dropbox / Facebook / Gmail进行上传。


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

http://www.plupload.com/



如果它们中的任何一个抛出异常,它会阻止其余的运行。 使用跨多个源文件(特别是第三方库)“乱七八糟”的代码进行调试可能非常困难。





jquery file-upload drag-and-drop html5 google-gears