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

JQuery上传插件Uploadify使用详解 Uploadify是JQuery的一个上传插件，实现的效果非常不错，带进度显示。不过官方提供的实例时php版本的，本文将详细介绍Uploadify在Aspnet中的使用，您也可以点击下面的链接进行演示或下载。官方下载 官方文档 官方演示 首先按下面的步骤来实现一个简单的上传功能。1 创建Web项目，命名为JQueryUploadDemo，从官网上下载最新的版本解压后添加到项目中。2 在项目中添加UploadHandler.ashx文件用来处理文件的上传。3 在项目中添加UploadFile文件夹，用来存放上传的文件。进行完上面三步后项目的基本结构如下图:4 Default.aspx的html页的代码修改如下：html xmlns=/1999/xhtmlhead runat=server titleUploadify/title link href=JS/jquery.uploadify-v2.1.0/example/css/default.css rel=stylesheet type=text/css / link href=JS/jquery.uploadify-v2.1.0/uploadify.css rel=stylesheet type=text/css / script type=text/javascript src=JS/jquery.uploadify-v2.1.0/jquery-1.3.2.min.js/script script type=text/javascript src=JS/jquery.uploadify-v2.1.0/swfobject.js/script script type=text/javascript src=JS/jquery.uploadify-v2.1.0/jquery.uploadify.v2.1.0.min.js/script script type=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/headbody div id=fileQueue/div input type=file name=uploadify id=uploadify / p a href=javascript:$(#uploadify).uploadifyUpload()上传/a| a href=javascript:$(#uploadify).uploadifyClearQueue()取消上传/a /p/body/html?5? UploadHandler类的ProcessRequest方法代码如下：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.SaveAs(uploadPath + file.FileName); //下面这句代码缺少的话，上传成功后上传队列的显示不会自动消失 context.Response.Write(1); } else { context.Response.Write(0); } }?6 运行后效果如下图：7 选择了两个文件后，点击上传，就可以看到UploadFile文件夹中会增加这两个文件。上面简单地实现了一个上传的功能，依靠函数uploadify实现，uploadify函数的参数为j