Ajax异步无刷新显示图片

前台：

 

// 图片
var path = '<%= ResolveUrl("~/Img/") %>';
var imgUrl = path +  "/" + result.FileName.substr(result.FileName.lastIndexOf('/') + 1);
var img = new Image();
img.src = imgUrl;
 

if (!img.complete) {

//无图片

}

else //有图片

{
    if (img.width < 500) { // 小于最大宽度，按实际宽度显示
     $("#<%=Image1.ClientID %>").css("width", img.width);
     }
     else { // 大于等于最大宽度，按最大宽度显示
    $("#<%=Image1.ClientID %>").css("width", 500);
     }

}

后台初始化获取第一张图片：

System.Drawing.Image imgPhoto = System.Drawing.Image.FromFile(Server.MapPath(url));
int sourceWidth = imgPhoto.Width;
int sourceHeight = imgPhoto.Height;
 
if (sourceWidth < 500)
{
Unit width = new Unit(sourceWidth);
this.Image1.Width = width;
}
if (sourceHeight < 350)
{
Unit height = new Unit(sourceHeight);
this.Image1.Height = height;
}

ashx文件获取切换的图片数据（使用json返回）：

 

JavaScriptSerializer serializer = new JavaScriptSerializer();
string jsonStr = serializer.Serialize(model);
 
context.Response.Write(jsonStr);