一、建立Default.aspx页面
[csharp]view plaincopy <%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="_Default"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="/1999/xhtml"><headrunat="server"><title>ajax图片上传</title><scriptsrc="js/jquery-1.3.2.min.js"type="text/javascript"></script><scriptsrc="js/jquery.form.js"type="text/javascript"></script><scripttype="text/javascript">functionupload(){varpath=document.getElementById("File1").value;varimg=document.getElementById("img1");if($.trim(path)==""){alert("请选择要上传的文件");return;}$("#form1").ajaxSubmit({success:function(str){if(str!=null&&str!="undefined"){if(str=="1"){alert("上传成功");document.getElementById("img1").src="images/logo.jpg?"+newDate();/*上传后刷新图片*/}elseif(str=="2"){alert("只能上传jpg格式的图片");}elseif(str=="3"){alert("图片不能大于1M");}elseif(str=="4"){alert("请选择要上传的文件");}else{alert('操作失败！');}}elsealert('操作失败！');},error:function(error){alert(error);},url:'Handler.ashx',/*设置post提交到的页面*/type:"post",/*设置表单以post方法提交*/dataType:"text"/*设置返回值类型为文本*/});}</script></head><body><formid="form1"runat="server"><inputid="File1"name="File1"type="file"/><inputid="iptUp"type="button"value="上传Logo"οnclick="upload()"/><imgid="img1"alt="网站Logo"src="images/weblogo.jpg"/></form></body></html>
二、新建一个一般处理文件Handler.ashx
[csharp]view plaincopy <%@WebHandlerLanguage="C#"Class="Handler"%>usingSystem;usingSystem.Web;publicclassHandler:IHttpHandler{publicvoidProcessRequest(HttpContextcontext){HttpPostedFile_upfile=context.Request.Files["File1"];if(_upfile==null){ResponseWriteEnd(context,"4");//请选择要上传的文件}else{stringfileName=_upfile.FileName;/*获取文件名：C:\DocumentsandSettings\Administrator\桌面\123.jpg*/stringsuffix=fileName.Substring(fileName.LastIndexOf(".")+1).ToLower();/*获取后缀名并转为小写：jpg*/intbytes=_upfile.ContentLength;//获取文件的字节大小if(suffix!="jpg")ResponseWriteEnd(context,"2");//只能上传JPG格式图片if(bytes>1024*1024)ResponseWriteEnd(context,"3");//图片不能大于1M_upfile.SaveAs(HttpContext.Current.Server.MapPath("~/images/logo.jpg"));//保存图片ResponseWriteEnd(context,"1");//上传成功}}privatevoidResponseWriteEnd(HttpContextcontext,stringmsg){context.Response.Write(msg);context.Response.End();}publicboolIsReusable{get{returnfalse;}}}
项目结构图
