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);