基于Jquery插件Uploadify实现实时显示进度条上传图片
来源：易贤网&& 阅读：541 次&&日期： 11:39:49
温馨提示：易贤网小编为您整理了“基于Jquery插件Uploadify实现实时显示进度条上传图片”,方便广大网友查阅！
这篇文章主要介绍了基于Jquery插件Uploadify实现实时显示进度条上传图片的相关资料，感兴趣的小伙伴们可以参考一下
先了解了解Uploadify，具体内容如下
Uploadify是一个简单易用的多文件上传方案。作为一个Jquery插件，Uploadify使用简单，并具有高度的定制性。
Uploadify特性：
Uploadify简单说来，是基于Jquery的一款文件上传插件。它的功能特色总结如下：
1）、支持单文件或多文件上传，可控制并发上传的文件数
2）、在服务器端支持各种语言与之配合使用，诸如PHP,.NET,Java……
3）、通过参数可配置上传文件类型及大小限制
4）、通过参数可配置是否选择文件后自动上传
5）、易于扩展，可控制每一步骤的回调函数（onSelect, onCancel……）
6）、通过接口参数和CSS控制外观
7）、提供上传进度的事件回调，实时显示上传进度
8）、开始之前要先下载插件安装包到本地并引用，详细实现请看代码注释，下面开始代码。
1、html代码
&div id="webApplogo_file" style="display: width: 800 background-color: #"&
& & & &ul&
& & & & &li style="margin-left: 213"&&span class="black_blod14"&LOGO图标：&/span&&/li&
& & & & &li style="margin-left: 3"&
& & & & & &input type="text" readonly="readonly" id="text_webApplogo" name="app_logo" class="appipt1" value="&%=applogo %&" /&&/li&
& & & & &li style="padding-top: 1"&
& & & & & &input type="file" id="webApplogo" name="webApplogo" /&
& & & & &/li&
& & & & &li&&span style="display: margin-left: 5 padding-left: 20 color: #EA5200;
& & & & & font-size: 12 background: url('Images/icon_03.gif' ) no-repeat 0px 0" id="textporApplogo"&
& & & & & 请上传LOGO图标！&/span&&/li&
& & & & &li style="margin-left: 220"&&span class="grey999" style="margin-left: 90 float:"&
& & & & & 尺寸72px*72px，png格式,建议使用 图标PSD模板 制作&/span&
& & & & & &div id="QID_webApplogo" class="fileQueue"&&/div&
& & & & & &table id="webApplogo_tab" width="50%" border="0" cellspacing="0" cellpadding="0"
& & & & & & align="center" class="grey999" style="display: margin-left: 90 float:"&
& & & & & & &tr&
& & & & & & & &td align="center" valign="bottom"&
& & & & & & & & &img style="width: 64 height: 64" id="img_64" src="images/icon_02.gif" border="0" /&&br /&
& & & & & & & & (64*64)
& & & & & & & &/td&
& & & & & & & &td align="center" valign="bottom"&
& & & & & & & & &img style="width: 48 height: 48" id="img_48" src="images/icon_02.gif" border="0" /&&br /&
& & & & & & & & (48*48)
& & & & & & & &/td&
& & & & & & & &td align="center" valign="bottom"&
& & & & & & & & &img style="width: 32 height: 32" id="img_32" src="images/icon_02.gif" border="0" /&&br /&
& & & & & & & & (32*32)
& & & & & & & &/td&
& & & & & & & &td align="center" valign="bottom"&
& & & & & & & & &img style="width: 16 height: 16" id="img_16" src="images/icon_02.gif" border="0" /&&br /&
& & & & & & & & (16*16)
& & & & & & & &/td&
& & & & & & &/tr&
& & & & & &/table&
& & & & &/li&
& & & &/ul&
& & &/div&
2、Javascript代码（关键部分）
$("#webApplogo").uploadify({&
& & & 'uploader': 'js/uploadify-v2.1.4/uploadify.swf',//进度条，Uploadify里面含有
& & & 'script': 'UploadApplogo.ashx',//一般处理程序
& & & 'cancelImg': 'js/uploadify-v2.1.4/cancel.png',//取消图片路径
& & & 'folder': 'Imagelogo',//上传文件夹名
& & & 'auto': true, //文件添加到上传队列后，自动进行上传。默认为false
& & & 'multi': false,//是否允许多文件上传。默认为false
& & & 'fileExt':'*.*.*.*.png',//允许上传的文件类型，使用分号(”;)”分割 例如:*.*.gif,默认为null(所有文件类型)
& & & 'fileDesc':'不超过2M的图片 (*.*.*.png)',
& & & 'sizeLimit': 2048000, //允许上传的文件大小(kb) 此为2M
& & & 'onSelectOnce': function(event,data) { //在单文件或多文件上传时，选择文件时触发
& & & & //event 事件对象(the event object)
& & & & //data 选择的操作信息
& & & & //data.filesSelected 选择文件操作中选中的文件数量
& & & & $('#status-message').text(data.filesSelected + ' 文件正在等待上传…….');&
& & & 'onComplete': function(event, queueID, fileObj, response, data) {//当单个文件上传完成后触发
& & & & //event:事件对象(the event object)
& & & & //ID:该文件在文件队列中的唯一表示
& & & & //fileObj:选中文件的对象，他包含的属性列表
& & & & //response:服务器端返回的Response文本，我这里返回的是处理过的文件名称
& & & & //data：文件队列详细信息和文件上传的一般数据
& & & & alert("文件:" + fileObj.name + " 上传成功！");
& & & & //设置图片名称
& & & & $("#applogo").attr("value",response);
& & & & //设置输入框的值
& & & & $("#text_webApplogo").attr("value",fileObj.name);
& & & & //设置图片路径
& & & & $("#img_64").attr("src","Imagelogo/64_"+response);
& & & & $("#img_48").attr("src","Imagelogo/48_"+response);
& & & & $("#img_32").attr("src","Imagelogo/32_"+response);
& & & & $("#img_16").attr("src","Imagelogo/16_"+response);
& & & & //图片路径设置完成后，显示图片
& & & & $("#webApplogo_tab").css("display","block");
& & & 'onError': function(event, queueID, fileObj) {//当单个文件上传出错时触发
& & & & alert("文件:" + fileObj.name + " 上传失败！");
& & & 'buttonImg':'Images/bn_04.gif',//浏览按钮的图片路径
& & & 'width':60,//浏览按钮的宽和高
& & & 'height':24
& & & ,'queueID':'QID_webApplogo'//页面上作为文件上传队列的元素的ID
3、服务器端处理文件上传
/// &summary&
& /// 上传文件
& /// &/summary&
& public class UploadApplogo : IHttpHandler
& & System.Drawing.Image image, image64, image48, image32, image16; //定义image类的对象
& & protected string imageP//图片路径
& & protected string imageT//图片类型
& & protected string imageN//图片名称
& & protected string fileN//图片名称
& & //提供一个回调方法,用于确定Image对象在执行生成缩略图操作时何时提前取消执行
& & //如果此方法确定 GetThumbnailImage 方法应提前停止执行，则返回 true；否则返回 false
& & System.Drawing.Image.GetThumbnailImageAbort callb =
& & public void ProcessRequest(HttpContext context)
& & & context.Response.ContentType = "text/plain";
& & & HttpPostedFile UploadImage = context.Request.Files["FileData"];
& & & //物理路径
& & & string uploadpath = HttpContext.Current.Server.MapPath(context.Request["folder"] + "\\");
& & & if (UploadImage != null)
& & & & //是否有目录，如没有就创建
& & & & if (!Directory.Exists(uploadpath))
& & & & & Directory.CreateDirectory(uploadpath);
& & & & //客户端文件完全名称
& & & & string filename = UploadImage.FileN
& & & & string extname = filename.Substring(filename.LastIndexOf(".") + 1);
& & & & //为不重复，设置文件名
& & & & fileName = Guid.NewGuid().ToString() + "." +
& & & & //context.Response.Write("1");
& & & & context.Response.Write(fileName);
& & & else
& & & & context.Response.Write("0");
& & & string mP & & &
& & & imagePath = UploadImage.FileN
& & & //取得图片类型
& & & imageType = imagePath.Substring(imagePath.LastIndexOf(".") + 1);
& & & //取得图片名称
& & & imageName = imagePath.Substring(imagePath.LastIndexOf("\\") + 1);
& & & Stream imgStream = UploadImage.InputS//流文件，准备读取上载文件的内容
& & & int imgLen = UploadImage.ContentL//上载文件大小
& & & //建立虚拟路径
& & & mPath = HttpContext.Current.Server.MapPath(context.Request["folder"]);
& & & //保存到虚拟路径
& & & UploadImage.SaveAs(mPath + "\\" + fileName);
& & & ////显示原图
& & & //imageSource.ImageUrl = "upFile/" + imageN
& & & //为上传的图片建立引用
& & & image = System.Drawing.Image.FromFile(mPath + "\\" + fileName);
& & & //生成缩略图
& & & image64 = image.GetThumbnailImage(64, 64, callb, new System.IntPtr());
& & & //把缩略图保存到指定的虚拟路径
& & & image64.Save(HttpContext.Current.Server.MapPath(context.Request["folder"]) + "\\64_" + fileName);
& & & //释放image64对象的资源
& & & image64.Dispose();
& & & //生成缩略图
& & & image48 = image.GetThumbnailImage(48, 48, callb, new System.IntPtr());
& & & image48.Save(HttpContext.Current.Server.MapPath(context.Request["folder"]) + "\\48_" + fileName);
& & & image48.Dispose();
& & & //生成缩略图
& & & image32 = image.GetThumbnailImage(32, 32, callb, new System.IntPtr());
& & & image32.Save(HttpContext.Current.Server.MapPath(context.Request["folder"]) + "\\32_" + fileName);
& & & image32.Dispose();
& & & //生成缩略图
& & & image16 = image.GetThumbnailImage(16, 16, callb, new System.IntPtr());
& & & image16.Save(HttpContext.Current.Server.MapPath(context.Request["folder"]) + "\\16_" + fileName);
& & & image16.Dispose();
& & & //释放image对象占用的资源
& & & image.Dispose();
& & public bool IsReusable
更多信息请查看
【】&&&&&【点此处查询各地各类考试咨询QQ号码及交流群】
易贤网手机网站地址：
由于各方面情况的不断调整与变化，易贤网提供的所有考试信息和咨询回复仅供参考，敬请考生以权威部门公布的正式信息和咨询为准！
相关阅读 & & &
&&& &nbsp&nbsp&nbsp会员注册
本站不参与评论！（）
自觉遵守：爱国、守法、自律、真实、文明的原则
尊重网上道德，遵守中华人民共和国各项有关法律法规
严禁发表危害国家安全，破坏民族团结、国家宗教政策和社会稳定，含侮辱、诽谤、教唆、淫秽等内容的评论
承担一切因您的行为而直接或间接导致的民事或刑事法律责任
您在本站发表的评论，本站有权保留、转载、引用或者删除
参与本评论即表明您已经阅读并接受上述条款本文讲的是jquery uploadify插件实现上传文件进度条效果，
一、jquery进度条代码：
&%@ Page Language=&C#& AutoEventWireup=&true& CodeFile=&UpLoad.aspx.cs& Inherits=&UploadifyDemo_U
一、jquery进度条代码：
&%@ Page Language="C#" AutoEventWireup="true" CodeFile="UpLoad.aspx.cs" Inherits="UploadifyDemo_UpLoad" %&
&html xmlns="http://www.w3.org/1999/xhtml"&
&head id="Head1" runat="server"&
&link href="js/jquery.uploadify-v2.1.4/uploadify.css" rel="stylesheet" type="text/css" /&
&script type="text/javascript" src="js/jquery.uploadify-v2.1.4/jquery-1.4.2.min.js"&&/script&
&script type="text/javascript" src="js/jquery.uploadify-v2.1.4/swfobject.js"&&/script&
&script type="text/javascript" src="js/jquery.uploadify-v2.1.4/jquery.uploadify.v2.1.4.min.js"&&/script&
&script type="text/javascript"&
$(document).ready(function () {
$("#uploadify").uploadify({
'uploader': 'js/jquery.uploadify-v2.1.4/uploadify.swf', //uploadify.swf文件的路径
'script': 'UploadHandler.ashx', //处理文件上传的后台脚本的路径
'cancelImg': 'js/jquery.uploadify-v2.1.4/cancel.png',
'folder': 'UploadFile/&% = subpathName %&', //上传文件夹的路径
'queueID': 'fileQueue', //页面中，你想要用来作为文件队列的元素的id
'auto': false, //当文件被添加到队列时，自动上传
'multi': true, //设置为true将允许多文件上传
'fileExt': '*.*.*.png', //允许上传的文件后缀
'fileDesc': 'Web Image Files (.JPG, .GIF, .PNG)', //在浏览窗口底部的文件类型下拉菜单中显示的文本
'sizeLimit': 102400,
//上传文件的大小限制，单位为字节 100k
'onCancel': function (event, ID, fileObj, data) { //当从上传队列每移除一个文件时触发一次
alert('The upload of ' + fileObj.name + ' has been canceled!');
'onComplete': function (event, ID, fileObj, response, data) { //每完成一次文件上传时触发一次
alert('There are ' + data.fileCount + ' files remaining in the queue.');
'onAllComplete': function (event, data) { //当上传队列中的所有文件都完成上传时触发
alert(data.filesUploaded + ' files uploaded successfully!');
&form id="form1" runat="server"&
&div id="fileQueue"&&/div&
&input type="file" name="uploadify" id="uploadify" /&
&a href="javascript:$('#uploadify').uploadifyUpload()"&上传&/a&|
&a href="javascript:$('#uploadify').uploadifyClearQueue()"&取消上传&/a&
二、后端程序代码，产生jquery进度条的数据源：
&%@ WebHandler Language="C#" Class="UploadHandler" %&
using System.W
using System.IO;
public class UploadHandler : IHttpHandler
public void ProcessRequest(HttpContext context)
context.Response.ContentType = "text/plain";
context.Response.Charset = "utf-8";
HttpPostedFile file = context.Request.Files["Filedata"];
string uploadPath = HttpContext.Current.Server.MapPath(@context.Request["folder"]);
if (file != null)
if (!Directory.Exists(uploadPath))
Directory.CreateDirectory(uploadPath);
file.bine(uploadPath, file.FileName));
context.Response.Write("1");
context.Response.Write("0");
public bool IsReusable
以上是云栖社区小编为您精心准备的的内容，在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索文件
httpcontext
jquery上传进度条插件、uploadify上传进度条、jquery.uploadify插件、uploadify上传插件、jquery进度条插件，以便于您获取更多的相关知识。
为您提供简单高效、处理能力可弹性伸缩的计算服务，帮助您快速构建更稳定、安全的应用，提升运维效率，降低 IT 成本...
RDS是一种稳定可靠、可弹性伸缩的在线数据库服务。支持MySQL、SQL Server、PostgreSQL、高...
云栖社区()为您免费提供相关信息，包括
的信息，还有jquery上传进度条插件、uploadify上传进度条、jquery.uploadify插件、uploadify上传插件、jquery进度条插件等
，所有相关内容均不代表云栖社区的意见！uploadify插件可选参数的详细介绍
- 隔壁老王 - ITeye博客
博客分类：
Uploadify 是一个JQuery插件，它协助你轻松简单的将一个或多个文件上传至你的网站。&
它需要Flash控件和后台开发语言的支持，丰富的参数配置，同时也简单易用，让你轻松上手。&
官方网站：/&
官方示例：/demo/&
开发文档：/documentation/&
插件下载：/download/&
·参考文献&
（PS：我是在这篇文章里知道这世界上有这样一个插件的 ^_^ 里面有后台C#代码）&
易用的JQuery上传插件Uploadify&
http://css9.net/jquery-muti-file-upload-uploadify/&
& 设置uploadify.swf文件的相对或绝对路径。默认值：'uploadify.swf'&
& 设置用于处理文件上传的后台程序页面的相对或绝对路径。默认值：'upload.php'&
checkScript&
& 设置用于检查规则的后台程序页面的相对或绝对路径。&
scriptData&
& 一个键值对应的数据，它将连同文件一起传给后台程序页面。示例：{'name':'value'}&
fileDataName&
& 设置上传控件的名称。默认值：'Filedata'&
& 设置scriptData提交的方式。可选值：GET,POST& 默认值：'POST'&
scriptAccess&
& 设置Flash的访问模式。如果是本地测试，可设置为'always'。默认值：'sameDomain'&
& 设置文件保存的目录。不能以'/'结束。&
& 设置文件队列里的元素的ID，默认情况下，在点击浏览按钮后 自动创建。&
queueSizeLimit&
& 设置文件队列的最大值。默认值：999&
& 设置为true表示允许上传多个文件。&
& 设置为true表示当选择一件附件后，自动开始上传。&
& 设置文件浏览对话框中的文件类型下拉框的显示文本。&
& 设置允许上传的文件类型，如：'*.ext1;*. ext2;*.ext3'。如果设置此选项，则必须设置fileDesc。&
sizeLimit&
& 设置允许的单文件大小。单位：字节&
simUploadLimit&
& 设置同时上传文件的数量。默认值：1&
buttonText&
& 设置上传按钮的文本。默认值：'BROWSE'&
buttonImg&
& 设置浏览按钮的图片。&
hideButton&
& 设置为true则隐藏按钮图片。&
& Set to true if you would like to activate rollover states for your browse button. To prepare your browse button for rollover states, simple add the ‘over’ and ‘press’ states below the normal state in a single file.&
& 设置按钮图片和flash文件的宽度。默认值：30&
& 设置按钮图片或flash文件的高度。如果rollover为true，则是实际大小的1/3。默认值：110&
& 设置为transparent则flash的背景将变成透明，并且在页面所有元素的最顶层。默认值：'opaque'&
cancelImg&
& 设置取消按钮的图片路径。默认值：cancel.png&
& 当插件加载时触发此事件，默认会将页面上的目标元素转换成flash文件并添加容器，如果返回false则不会执行此动作。&
& 当选中一个文件后触发此事件，默认会创建一个6位的随机编号的元素，并加入到文件队列中，如果返回false则不会执行此动作。&
& 此事件有三个参数：&
& event: javascript的event对象&
& queueID: 选中文件的编号&
& fileObj: 一个包含文件详细信息的对象。&
&&& name – 文件名称&
&&& size – 文件的大小（字节）&
&&& creationDate – 文件的创建时间&
&&& modificationDate – 文件的修改时间&
&&& type – 文件的扩展名（包括'.'）&
onSelectOnce&
& 当执行选中操作时触发此事件，该事件没有默认的处理程序。&
& 此事件有两个参数：&
& event: javascript的event对象&
& data: 一个包含选择操作详细信息的对象。&
&&& fileCount – 队列中的文件总数&
&&& filesSelected – 在选择操作中选中的文件数&
&&& filesReplaced – 在队列中被替换的文件数&
&&& allBytesTotal – 队列中所有文件的大小（字节）&
& 当一个文件上传被取消或在队列中被删除时触发此事件。默认事件将会将此文件的名称从队列中移除，如果返回false则不执行此动作。&
& 此事件有四个参数：&
& event: javascript的event对象。&
& queueID: 被取消（移除）的文件的编号&
& fileObj: 被取消（移除）的文件的详细信息。（见onSelect）&
& data: 文件队列的详细信息。&
&&& fileCount – 在文件队列中剩余的文件的数量&
&&& allBytesTotal – 在文件队列中剩余的文件的大小（字节）&
onClearQueue&
& 当调用fileUploadClearQueue函数时触发此事件。默认事件会移除文件队列中的所有元素，如果返回false则不执行此动作。&
& 此事件有两个参数：&
& event: javascript的event对象。&
& data: 被调用此事件的文件队列的详细信息。&
&&& fileCount – 上传队列的文件数&
&&& allBytesTotal – 上传队列的兽性大小（字节）&
onQueueFull&
& 当队列达到设定的最大值后触发此事件，默认事件会提示用户队列数量。&
& 此事件有两个参数：&
& event: javascript的event对象。&
& queueSizeLimit: 队列最大值。&
& 当上传文件发生异常时触发此事件，默认事件会将元素变成红色并提示相应的错误信息。&
& 此事件有四个参数：&
& event: javascript的event对象。&
& queueID: 发生错误的元素的唯一编号。&
& fileObj: 发生错误的元素的文件详细信息。（见onSelect）&
& errorObj: 发生错误时的错误详细信息。&
&&& type – 分别是：'HTTP', 'IO', 'Security'三者之一&&
&&& info – 错误信息描述&
& 当选择一个文件后，Flash文件初始化此文件时触发此事件。没有默认事件。&
& 此事件有三个参数：&
& event: javascript的event对象。&
& queueID: 文件的元素的唯一编号。&
& fileObj: 文件的详细信息。&
onProgress&
& 当上传文件时，进度发生改变时触发此事件。默认事件会更新文件队列中的进度条。如果返回false则不执行此动作。&
& 此事件有四个参数：&
& event: javascript的event对象。&
& queueID: 文件的元素的唯一编号。&
& fileObj: 文件的详细信息。&
& data: 一个关于文件与队列的详细信息的对象。&
&&& percentage – 当前文件上传完成的百分比。&
&&& bytesLoaded – 当前文件已上传的字节数&
&&& allBytesLoaded – 文件的总字节数&
&&& speed – 当前上传的速度（KB）&
onComplete&
& 当文件上传完成后触发此事件，默认事件会更新文件队列的相关状态。如果返回false则不执行此动作。&
& 此事件有五个参数：&
& event: javascript的event对象。&
& queueID: 文件的元素的唯一编号。&
& fileObj: 文件的详细信息。&
& response: 从服务器发回的数据。&
& data: 文件队列的详细信息。&
&&& fileCount – 文件队列的文件总数&
&&& speed – 文件上传的平均速度（KB）&
onAllComplete&
& 当所有文件上传完毕后触发此事件。没有默认事件。&
& 此事件有两个参数：&
& event: javascript的event对象。&
& data: 上传过程的详细信息&
&&& filesUploaded – 此次上传的文件数量&
&&& errors – 上传过程的错误次数&
&&& allBytesLoaded – 此次上传的文件总大小（字节）&
&&& speed – 此次上传的平均速度（KB）&
& 当检查到服务器已存在此文件时触发此事件，默认事件是弹出确认框。&
& 此事件有五个参数：&
& event: javascript的event对象。&
& checkScript: 检查文件的后台程序页面。&
& fileQueue: 一个队列（{'唯一编号','文件名称'}的对象。&
& folder: 上传的路径。&
& single: 如果为true表示只有一个文件正准备上传至服务器。&
uploadifySettings(setting, value)&
& 用于获取或设置插件的参数。&
& 获取：#(’#someID’).uploadifySettings(’queueSize’);&
& 设置：$(’#someID’).uploadifySettings(’folder’,'/uploads’);&
uploadifyUpload([queueID])&
& 用于开始上传一个或所有文件。&
& 示例：$(’#someID’).uploadifyUpload();&
uploadifyCancel(queueId)&
& 用于停止上传或队列中取消一个文件。&
& 示例：$(’#someID’).uploadifyCancel(’NFJSHS’);&
uploadifyClearQueue()&
& 用于清除当前文件队列中的所有文件。&
& 示例：$(’#someID’).uploadifyClearQueue();&
转自：http://blog.csdn.net/hepeng/article/details/7650936
浏览: 2873303 次
来自: 北京
启动了 访问不了了啊
报这个错 /********* ...
class DbUtil {
private stat ...
巩大星 写道就是用官方的例子中的kml文件，可以在openla ...
就是用官方的例子中的kml文件，可以在openlayers中正 ...
提供了一种很好地思路，但是为啥tomcat里面访问后，也没有背 ...22个很棒的jQuery文件上传插件 - 郑星阳 - ITeye博客
博客分类：
原文链接：
文件上传是网站很常见的功能之一，通过使用jQuery可以让上传过程更加人性化，更好的用户体验。本文介绍20个jQuery的文件上传插件，其中有一些是教程。
1. Plupload
Plupload 是一个Web浏览器上的界面友好的文件上传模块，可显示上传进度、图像自动缩略和上传分块。可同时上传多个文件。
2. The KillersAjax Upload
该插件使用 XHR 用于上传多个文件，支持上传进度显示，但不支持 IE
3. SWFUpload jQuery Plugin
4. AjaxFileUpload
5. Uploadify
Uploadify简单说来，是基于Jquery的一款文件上传插件。它的功能特色总结如下：
支持单文件或多文件上传，可控制并发上传的文件数
在服务器端支持各种语言与之配合使用，诸如PHP,.NET,Java……
通过参数可配置上传文件类型及大小限制
通过参数可配置是否选择文件后自动上传
易于扩展，可控制每一步骤的回调函数（onSelect, onCancel……）
通过接口参数和CSS控制外观
jQuery File Upload
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. 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. 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框架。
如果您觉得本文的内容对您的学习有所帮助，您可以微信：
浏览: 2033190 次
来自: 北京
谢谢，虽然不能给你赞助，但是要给你顶
阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿滕庆亚 ...
用过SpreadJS，也包含数据可视化的图表
不知道为什么，我尝试用标签引入没有效果，而通过 preload ...