预览加载中，请您耐心等待几秒...

JQuery上传插件Uploadify使用详解.doc

预览
1/8
2/8
3/8
4/8
5/8
6/8
7/8
8/8

在线预览结束，喜欢就下载吧，查找使用更方便

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

Uploadify是JQuery的一个上传插件实现的效果非常不错带进度显示。不过官方提供的实例时php版本的本文将详细介绍Uploadify在Aspnet中的使用您也可以点击下面的链接进行演示或下载。官方下载官方文档官方演示首先按下面的步骤来实现一个简单的上传功能。1创建Web项目命名为JQueryUploadDemo从官网上下载最新的版本解压后添加到项目中。2在项目中添加UploadHandler.ashx文件用来处理文件的上传。3在项目中添加UploadFile文件夹用来存放上传的文件。进行完上面三步后项目的基本结构如下图:4Default.aspx的html页的代码修改如下：<htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title>Uploadify</title><linkhref="JS/jquery.uploadify-v2.1.0/example/css/default.css"rel="stylesheet"type="text/css"/><linkhref="JS/jquery.uploadify-v2.1.0/uploadify.css"rel="stylesheet"type="text/css"/><scripttype="text/javascript"src="JS/jquery.uploadify-v2.1.0/jquery-1.3.2.min.js"></script><scripttype="text/javascript"src="JS/jquery.uploadify-v2.1.0/swfobject.js"></script><scripttype="text/javascript"src="JS/jquery.uploadify-v2.1.0/jquery.uploadify.v2.1.0.min.js"></script><scripttype="text/javascript">$(document).ready(function(){$("#uploadify").uploadify({'uploader':'JS/jquery.uploadify-v2.1.0/uploadify.swf''script':'UploadHandler.ashx''cancelImg':'JS/jquery.uploadify-v2.1.0/cancel.png''folder':'UploadFile''queueID':'fileQueue''auto':false'multi':true});});</script></head><body><divid="fileQueue"></div><inputtype="file"name="uploadify"id="uploadify"/><p><ahref="javascript:$('#uploadify').uploadifyUpload()">上传</a>|<ahref="javascript:$('#uploadify').uploadifyClearQueue()">取消上传</a></p></body></html>5UploadHandler类的ProcessRequest方法代码如下：publicvoidProcessRequest(HttpContextcontext){context.Response.ContentType="text/plain";context.Response.Charset="utf-8";HttpPostedFilefile=context.Request.Files["Filedata"];stringuploadPath=HttpContext.Current.Server.MapPath(@context.Request["folder"])+"\\";i