基于jQuery 20款文件上传插件介绍

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

1. Plupload

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

2. The KillersAjax Upload

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

3. SWFUpload jQuery Plugin

4. php教程letter.com/Our-Projects/AjaxFileUpload/" target="_blank" rel="external nofollow">AjaxFileUpload

5. Uploadify

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

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

6. jQuery Multiple File Upload Plugin

7. jqUploader

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

8. jQuery Form Plugin

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

9. jQuery Form Plugin

10. jqswfupload

11. uploadprogress

12. ps教程pot.com/file-upload" target="_blank" rel="external nofollow">jQuery File Upload

13. Multiple File Upload With Progress Bar Using jQuery

14. jQuery.upload

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

15. Ajax File Upload Script Using jQuery

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

16. jQuery Custom File Upload Input

17. Image Upload and Cropping with PHP and Jquery

18. PHP & jQuery image upload and crop

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

20. 网页特效-ajax/uploading-files-with-ajax/" target="_blank" rel="external nofollow">Uploading Files with AJAX

21. AJAX Multiple File Upload Form Using jQuery

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

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

时间: 2024-08-03 14:01:29

基于jQuery 20款文件上传插件介绍的相关文章

jQuery File Upload文件上传插件使用详解_jquery

jQuery File Upload 是一个Jquery文件上传组件,支持多文件上传.取消.删除,上传前缩略图预览.列表显示图片大小,支持上传进度条显示:支持各种动态语言开发的服务器端. 官网链接:https://github.com/blueimp/jQuery-File-Upload/wiki 特点:拖放支持:上传进度条:图像预览:可定制和可扩展的:兼容任何服务器端应用平台(PHP, Python, Ruby on Rails, Java, Node.js, Go etc.). 使用方法:

基于jQuery Ajax PHP文件上传程序代码

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en"         "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <meta http-equiv=&q

分享20多个很棒的jQuery 文件上传插件或教程_jquery

1. Plupload Plupload 是一个Web浏览器上的界面友好的文件上传模块,可显示上传进度.图像自动缩略和上传分块.可同时上传多个文件. 2. The KillersAjax Upload 该插件使用 XHR 用于上传多个文件,支持上传进度显示,但不支持 IE 3. SWFUpload jQuery Plugin 4. AjaxFileUpload 5. Uploadify Uploadify简单说来,是基于Jquery的一款文件上传插件.它的功能特色总结如下: 支持单文件或多文件上

20+ 个很棒的 jQuery 文件上传插件或教程(此文值得“推荐”和“收藏”)

文件上传是网站很常见的功能之一,通过使用 jQuery 可以让上传过程更加人性化,更好的用户体验.本文介绍20个jQuery的文件上传插件,其中有一些是教程. 1. Plupload Plupload 是一个Web浏览器上的界面友好的文件上传模块,可显示上传进度.图像自动缩略和上传分块.可同时上传多个文件. 2. The KillersAjax Upload 该插件使用 XHR 用于上传多个文件,支持上传进度显示,但不支持 IE 3. SWFUpload jQuery Plugin 4. Aja

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

文件上传是网站很常见的功能之一,通过使用 jQuery 可以让上传过程更加人性化,更好的用户体验.本文介绍20个jQuery的文件上传插件,其中有一些是教程. 1. Plupload Plupload 是一个Web浏览器上的界面友好的文件上传模块,可显示上传进度.图像自动缩略和上传分块.可同时上传多个文件. 2. The KillersAjax Upload 该插件使用 XHR 用于上传多个文件,支持上传进度显示,但不支持 IE 3. SWFUpload jQuery Plugin 4. Aja

Jquery文件上传插件:Jquery html5 uploader

文章简介:Jquery html5 uploader插件使用笔记. Jquery html5 uploader 是Jquery的一个文件上传插件,支持拖拽上传,但要求浏览器支持html5 1.下载插件 http://www.igloolab.com/jquery-html5-uploader/ 具体演示也可在这里看到. 2.引入不要文件 <script type="text/javascript" src="http://ajax.googleapis.com/ajax

html5-基于Bootstrup 3可预览的HTML5文件上传插件,Ajax上传方式,如何做出响应?

问题描述 基于Bootstrup 3可预览的HTML5文件上传插件,Ajax上传方式,如何做出响应? http://www.htmleaf.com/html5/html5muban/201505091801.html 查看演示中,最后一个上传方式是用Ajax方式上传,那么如何才能做出响应呢? 我上传成功后显示 我书读的少,求大神告诉我这个应该怎么写? 解决方案 基于ajax的Html5文件上传插件,带进度并支持图片预览 解决方案二: http://blog.csdn.net/pkgray/art

详解jQuery uploadify文件上传插件的使用方法_jquery

uploadify这个插件是基于js里面的jquery库写的.结合了ajax和flash,实现了这个多线程上传的功能. 现在最新版为3.2.1. 在线实例 实例中用到的php文件UploaderDemo.php请在页面下方下载 引入文件 <link rel="stylesheet" type="text/css" href="uploadify.css" /> <script type="text/javascript

基于BootStrap Metronic开发框架经验小结【五】Bootstrap File Input文件上传插件的用法详解_javascript技巧

Bootstrap文件上传插件File Input是一个不错的文件上传控件,但是搜索使用到的案例不多,使用的时候,也是一步一个脚印一样摸着石头过河,这个控件在界面呈现上,叫我之前使用过的Uploadify 好看一些,功能也强大些,本文主要基于我自己的框架代码案例,介绍其中文件上传插件File Input的使用. 1.文件上传插件File Input介绍 这个插件主页地址是:http://plugins.krajee.com/file-input,可以从这里看到很多Demo的代码展示:http:/