上传文件jquery用法.docVIP

　如何使用 　　1 创建Web项目，命名为JQueryUploadDemo，从官网上下载最新的版本解压后添加到项目中 　　2 在项目中添加UploadHandler.ashx文件用来处理文件的上传。 　　3 在项目中添加UploadFile文件夹，用来存放上传的文件。 　　进行完上面三步后项目的基本结构如下图: 4 Default.aspx的html页的代码修改如下： 复制代码 代码如下: html xmlns=/1999/xhtml head 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 /head body 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); } } 　　注意:这里一定要注意，一定要引用using System.IO;命名空间，我出错的原因也是在这里，网上的教程基本上都没提到这一点，所以有很多网友会遇到IOError的错误。 6 运行后效果如下图： 　　 　7 选择了两个文件后，点击上传，就可以看到UploadFile文件夹中会增加这两个文件。 　　上面的代码就简单实现了上传的功能，依靠函数uploadify实现，uploadify函数的参数为json格式，可以对json对象的key值的修改来进行自定义的设置，如multi设