jquery 文件上传插件_10个jQuery文件上传插件

jquery 文件上传插件

这篇热门文章于2016年7月更新,以反映文件上传插件的当前状态。 有关旧文章的评论已删除。

使用Ajax实施文件上传可能非常困难,特别是如果您需要拖放支持,图像预览或进度条之类的功能时。 以下10个jQuery文件上传插件带有许多选项,以及出色的用户界面,这些界面将Swift使您实现漂亮的文件上传器。

1. FineUploader

FineUploader是一个灵活的,积极维护的上传器,使用纯JavaScript编写,但也可以作为jQuery插件使用。 与下面的所有其他插件相比,它具有实现的最有趣且独特的功能:暂停/继续上传,并发分块, <canvas>上传,重试,文件夹上传,编辑文件名等等。

FineUploader屏幕截图

网站
源代码

2. Dropzone.js

Dropzone.js是可在纯JavaScript和jQuery中使用的文件上传器,几乎所有选项都可以使用,例如图像预览(缩略图),最大文件大小规范,重命名上传文件,并行上传或调整图片大小。 该文档整洁且易于阅读,尽管大约有500个未解决的问题(错误和功能请求)-其中许多问题已经公开多年-因此请注意,如果遇到问题,您可能会自己一个人。

Dropzone.js截图

网站
源代码
有关Dropzone.js的更多文章: 如何使用Express和Dropzone.js构建文件上传表单

3. jQuery文件上传

像Dropzone.js(#1)一样,jQuery File Upload为您提供了非常相似的选项来满足您的需求(尽管具有不同的UI),以及jQuery UI和AngularJS的预制集成。 它非常流行,因此您可以在StackOverflow上找到许多答案,但是该项目已禁用GitHub上的问题,因此文档可能很难阅读。

jQuery文件上传

网站
源代码

4.加载

如果您想从内置UI入手,Plupload是一个不错的选择。 它为您提供了较少的自定义选项,但提供了数十个带有语言包和Flash或Silverlight后备选项的主题。

上载

网站
源代码

5.表格上传

Formstone是有用的Web组件的集合,其中包括Upload(一个独立的jQuery文件上传插件)。 因为它仅提供用于定制的基本选项,并且UI非常简单,所以上手应该非常容易。

表格上传

网站
源代码

6. jQuery.filer

该插件专注于出色的内置UI,并基于模块化体系结构,可让您轻松启用或禁用组件以及指定自定义主题。 另外,它为您提供一个PHP类来处理上传请求。

jQuery.filer

免费学习PHP!

全面介绍PHP和MySQL,从而实现服务器端编程的飞跃。

原价$ 11.95 您的完全免费

网站
源代码

7.引导文件输入

Bootstrap File Input是一个带有jQuery API的Bootstrap 3.x文件上传插件,它附带了您进行自定义所需的一切。 它不仅可以预览上传的图像,还可以预览文本,HTML,视频,音频,Flash和目标文件。

引导文件输入

网站
源代码

8. jQuery上传文件

jQuery Upload File是一个简单的上传插件,具有所有基本选项,以及图像预览,本地化和使用自定义模板构建自己的UI的功能。 因为它有每个功能的示例,所以实现应该很快。

jQuery上传文件

网站
源代码

9. jQuery HTML5上传器

该上传器允许您将文件拖放到元素(例如<div> )中,然后将文件(或多个文件)上传到指定的URL。 不多也不少。

jQuery HTML5上传器

网站
源代码

10. Uploadify

Uploadify是一个基于Flash的jQuery上传插件,可将选择按钮添加到您的网站。 由于自定义功能有限,因此支持论坛已关闭,并且不应一般使用Flash,因此不建议再使用它。 还有另一个名为UploadiFive的插件,它基于HTML5,可在同一网站上使用,但在撰写本文时,商业许可的价格为100美元。

上载

网站
源代码

小费

有时您(或您的客户)可能有特殊要求,并且您需要创建不带jQuery的UI,或者遵循特定的样式指南。 在这种情况下,您可能对以下两个项目感兴趣,这些项目使您可以使用完全自制的用户界面来实现文件上传:

结论

这些是市场上最知名的插件。 如果您有过使用它们的经验(好坏),或者还有另一个值得注意的文件上传插件,请在评论中告知我们。

翻译自: https://www.sitepoint.com/10-jquery-file-uploads/

jquery 文件上传插件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值