ajax ashx 请选择文件,ajax+jquery+ashx如何实现上传文件

ajax+jquery+ashx如何实现上传文件

第一：建立Default.aspx页面

ajax图片上传

function upload(){

var path = document.getElementById("File1").value;

var img = 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?"+new Date();/*上传后刷新图片*/}

else if(str=="2"){alert("只能上传jpg格式的图片");}

else if(str=="3"){alert("图片不能大于1M");}

else if(str=="4"){alert("请选择要上传的文件");}

else {alert(‘操作失败！‘);}

}

else alert(‘操作失败！‘);

},

error: function (error) {alert(error);},

url:‘Handler.ashx‘, /*设置pos t提交到的页面*/

type: "post", /*设置表单以post方法提交*/

dataType: "text" /*设置返回值类型为文本*/

});

}

二、新建一个一般处理文件Handler.ashx

using System;

using System.Web;

public class Handler : IHttpHandler {

public void ProcessRequest (HttpContext context) {

HttpPostedFile _upfile = context.Request.Files["File1"];

if (_upfile == null)

{

ResponseWriteEnd(context, "4");//请选择要上传的文件

}

else

{

string fileName = _upfile.FileName;/*获取文件名： C:\Documents and Settings\Administrator\桌面\123.jpg*/

string suffix = fileName.Substring(fileName.LastIndexOf(".") + 1).ToLower();/*获取后缀名并转为小写： jpg*/

int bytes = _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"); //上传成功

}

}

private void ResponseWriteEnd(HttpContext context, string msg)

{

context.Response.Write(msg);

context.Response.End();

}

public bool IsReusable {

get {

return false;

}

}

}

原文：http://www.cnblogs.com/yanganok/p/4597902.html