22个很棒的jQuery文件上传插件

文件上传是网站很常见的功能之一,通过使用jQuery可以让上传过程更加人性化,更好的用户体验。本文介绍20个jQuery的文件上传插件,其中有一些是教程。

1. Plupload

Plupload 是一个Web浏览器上的界面友好的文件上传模块,可显示上传进度、图像自动缩略和上传分块。可同时上传多个文件。

 

 

2. The KillersAjax Upload

该插件使用 XHR 用于上传多个文件,支持上传进度显示,但不支持 IE

 

3. SWFUpload jQuery Plugin

jQuery File Upload

 

4. AjaxFileUpload

jQuery File Upload

 

5. Uploadify

Uploadify简单说来,是基于Jquery的一款文件上传插件。它的功能特色总结如下:

  1. 支持单文件或多文件上传,可控制并发上传的文件数
  2. 在服务器端支持各种语言与之配合使用,诸如PHP,.NET,Java……
  3. 通过参数可配置上传文件类型及大小限制
  4. 通过参数可配置是否选择文件后自动上传
  5. 易于扩展,可控制每一步骤的回调函数(onSelect, onCancel……)
  6. 通过接口参数和CSS控制外观

jQuery File Upload

 

6. jQuery Multiple File Upload Plugin

jQuery File Upload

 

7. jqUploader

jqUploader 是实现文件上传的jQuery插件

 

8. jQuery Form Plugin

jQuery Form Plugin 是一个扩展表单操作的 jQuery 插件,直接文件上传表单

jQuery File Upload

 

9. jQuery Form Plugin

jQuery File Upload

 

10. jqswfupload

jQuery File Upload

 

11. uploadprogress

jQuery File Upload

 

12. jQuery File Upload

jQuery File Upload

 

13. Multiple File Upload With Progress Bar Using jQuery

jQuery File Upload

 

14. jQuery.upload

一个简单的 Ajax 文件上传插件

 

15. Ajax File Upload Script Using jQuery

jQuery File Uploader 使用  iframe 来处理上传过程

 

16. jQuery Custom File Upload Input

jQuery File Upload

 

17. Image Upload and Cropping with PHP and Jquery

jQuery File Upload

 

18. PHP & jQuery image upload and crop

jQuery File Upload

 

19. AJAX upload progress bars with jQuery, Django and nginx

jQuery File Upload

 

20. Uploading Files with AJAX

jQuery File Upload

 

21. AJAX Multiple File Upload Form Using jQuery

jQuery File Upload

 

22. FancyUpload – Swiff meets Ajax (v3.0)

FancyUpload是一个采用Flash与Ajax(MooTools)技术实现包含上传进度条的多文件上传组件,类似于SWFUpload。MooTools是一个与prototype相类似的一个Ajax框架。

jQuery File Upload

转载于:https://www.cnblogs.com/caly/archive/2011/12/28/2305017.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery File Upload 是一个 jQuery 图片上传组件,支持多文件上传、取消、删除,上传前缩略图预览、列表显示图片大小,支持上传进度条显示;支持各种动态语言开发的服务器端。 特征: 1、多文件上传: 允许一次选择多个文件并同时上传。 2、拖放支持: 允许通过从桌面或文件管理器中将文件拖放到浏览器窗口中来上传文件。 3、上载进度条: 显示一个进度条,指示单个文件和所有组合上载的上载进度。 4、可取消的上传: 可以取消单个文件的上传以停止上传进度。 5、可恢复的上传: 可以使用支持Blob API的浏览器恢复中止的上传。 6、批量上传: 大型文件可以使用支持Blob API的浏览器以较小的块上传。 7、客户端图像调整大小: 可以使用支持所需JS API的浏览器在客户端上自动调整图像大小。 8、预览图像,音频和视频: 使用支持所需API的浏览器上载之前,可以显示图像,音频和视频文件的预览。 9、无需浏览器插件(例如Adobe Flash): 该实现基于HTML5和JavaScript等开放标准,并且不需要其他浏览器插件。 10、旧版浏览器的优美回退: 如果支持,则通过XMLHttpRequests上传文件,并使用iframe作为旧版浏览器的回退。 11、HTML文件上传表单后备: 通过使用标准HTML文件上传表单作为小部件元素,可以逐步增强功能。 12、跨站点文件上传: 支持使用跨站点XMLHttpRequest或iframe重定向将文件上传到其他域。 13、多个插件实例: 允许在同一网页上使用多个插件实例。 14、可自定义和可扩展: 提供API来设置各个选项并为各种上传事件定义回调方法。 15、分段和文件内容流的上传: 可以将文件作为标准的“分段/表单数据”或文件内容流(HTTP PUT文件上传)进行上传。 16、与任何服务器端应用程序平台兼容: 支持标准HTML表单文件上传的任何服务器端平台(PHPPython,Ruby on Rails,Java,Node.js,Go等)均可使用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值