20+ 个很棒的 jQuery 文件上传插件或教程

简介: 文件上传是网站很常见的功能之一,通过使用 jQuery 可以让上传过程更加人性化,更好的用户体验。本文介绍20个jQuery的文件上传插件,其中有一些是教程。 1. Plupload Plupload 是一个Web浏览器上的界面友好的文件上传模块,可显示上传进度、图像自动缩略和上传分块。

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

1. Plupload

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

2. The KillersAjax Upload

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

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 文件上传插件
jQuery File Upload

15. Ajax File Upload Script Using jQuery

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

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

目录
相关文章
|
3月前
|
开发框架 JSON JavaScript
ASP.NET Core3.1实战教程---基于Jquery单文件上传
ASP.NET Core3.1实战教程---基于Jquery单文件上传
26 0
|
6月前
|
JavaScript 前端开发
JQuery入门到精通教程(二)
JQuery入门到精通教程(二)
22 0
|
6月前
|
JavaScript 前端开发
JQuery入门到精通教程()
JQuery入门到精通教程()
35 0
|
10月前
|
XML JavaScript 前端开发
【jQuery超快速入门教程】上篇
【jQuery超快速入门教程】上篇
|
移动开发 JavaScript HTML5
jQuery工具提示插件tooltip.js 使用教程
jQuery工具提示插件tooltip.js 使用教程
ADI
|
XML JSON 前端开发
[记录] Jquery教程
[记录] Jquery教程
ADI
114 0
|
设计模式 Web App开发 JSON
动力节点jQuery学习教程,jQuery入门看这一篇就够了
jQuery 是一个“写得更少,但做得更多”的轻量级 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程,它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
125 0
|
前端开发 JavaScript 数据安全/隐私保护
jQuery EasyUI简明教程
1. 背景 EasyUI虽然样式比较固定,但是功能比较全面,而且入门比较简单,适合刚刚学习前端的童鞋们,此处拿出来讲讲如何使用EasyUI。
135 0
|
JavaScript 前端开发 CDN
|
前端开发 JavaScript 索引