这种流行的文章在2016年七月,更新,以反映文件上传插件的当前状态。 关于旧文章评论已被删除。
实现文件上传与阿贾克斯可以是非常具有挑战性的,尤其是如果你想要一个像拖放支持,图像预览或进度条的功能。 以下10个jQuery的文件上传插件来与许多选项,以及出色的用户界面,很快就会让你实现一个漂亮的文件上传。
1. FineUploader
FineUploader是一种灵活,积极维护上传,写在纯JavaScript,但也可作为jQuery插件。 相对于下面的所有其他插件,它具有最有趣的-和独特-功能实现:暂停/恢复上传,并发分块, <canvas>上载,重试,文件夹上传,编辑文件名,等等。
2. Dropzone.js
Dropzone.js是纯JavaScript和jQuery上传文件可用,与几乎所有的选项,比如图像预览(缩略图),最大文件大小的规格,重命名文件在上传,上传平行或图像上载调整。 该文件是干净,易于阅读,但也有大约500个开放式问题(缺陷和功能要求) - 其中许多已经开了多年 - 所以要知道,你可能会在你自己,如果你遇到的问题。
网站
源代码
约Dropzone.js另一篇文章: 如何建立一个文件上传形式Express和Dropzone.js
3. jQuery的文件上传
像Dropzone.js(#1),jQuery的文件上传,为您提供一个非常类似的一堆选项,以满足您的需求(尽管有不同的用户界面),以及为jQuery用户界面和AngularJS预制集成。 这是非常受欢迎的,所以你会发现很多的答案StackOverflow上 ,但该项目在GitHub上禁用的问题和文档可能难以阅读。
4. Plupload
Plupload是一个伟大的选择,如果你想开始内置UI开箱。 它为您提供定制选项较少,但语言包和Flash或Silverlight回退几十个主题。
5. Formstone上传
Formstone是有用的网络组件,包括上传,一个独立的jQuery文件上传插件的集合。 由于它仅提供了基本的选择定制和用户界面非常简单,入门应该是很容易的。
6. jQuery.filer
这个插件的重点是内置的UI一个伟大的,并且是基于模块化架构,让您轻松启用或禁用组件,并指定自定义主题。 作为一个额外的,它为您提供一个PHP类来处理上传请求。
7.引导文件输入
引导文件的输入是一个引导3.x的文件上传插件使用jQuery API附带的一切你需要的定制。 它不仅可以让你预览上传的图片,而且还文本,HTML,视频,音频,Flash和目标文件。
8. jQuery的上传文件
jQuery的上传文件是简单的上传插件与所有的基本选项,以及图片预览,本地化和设施用自定义模板建立自己的UI。 因为它为每一个功能为例,实现应该赶紧去。
9. jQuery的HTML5上传
此上传允许你拖放文件到一个元素(例如, <div>然后上载文件(或多个文件)到指定的URL。 不能多也不能少。
10. Uploadify
Uploadify是一个基于Flash的jQuery的上传插件,增加了一个选择按钮到您的网站。 作为定制是有限的,支持论坛被关闭和Flash不应该被普遍使用,因此不建议使用它了。 还有另外一个插件,叫做UploadiFive,这是基于HTML5的和可用在同一网站上,但商业执照在写作时花费$ 100
小费
有时候,你 - 或你的客户 - 可能有特殊要求,你需要不jQuery来创建UI,还是坚持一个特定的风格指南。 在这种情况下,你可能有兴趣在以下两个项目,让你实现文件上传完全自制的用户界面:
结论
这是市场上最有名的插件。 如果你有任何与他们的经验 - 好或坏的 - 或有另一种值得注意的文件上传插件,请让我们知道了意见。