2012-07-11 154 views
1

我有一个文件上传和下载使用ajaxFileUploader和2个处理程序。无法加载图像从数据库

ajaxFileUploader代码:

$.ajaxFileUpload 
    (
     { 
      url: 'AjaxFileUploader.ashx?user=' + userId, 
      secureuri: false, 
      fileElementId: 'uploadControl', 
      dataType: 'json', 
      data: '{}', 
      success: function (mydata) { 

       alert("Image Successfully Uploaded"); 

       $('#imgdefaultphoto').attr('src', 'ImageRetrieval.ashx?user=' + userId); 
      }, 
      error: function() { 

      } 
     } 
    ) 

AjaxFileUploader.ashx代码:

public void ProcessRequest(HttpContext context) 
    { 

     if (context.Request.Files.Count > 0) 
     { 
      string path = context.Server.MapPath("~/Temp"); 
      if (!Directory.Exists(path)) 
       Directory.CreateDirectory(path); 

      var file = context.Request.Files[0]; 

      string userid = context.Request.QueryString["user"]; 

      string fileName; 

      if (HttpContext.Current.Request.Browser.Browser.ToUpper() == "IE") 
      { 
       string[] files = file.FileName.Split(new char[] { '\\' }); 
       fileName = files[files.Length - 1]; 
      } 
      else 
      { 
       fileName = file.FileName; 
      } 
      string fileType = file.ContentType; 
      string strFileName = fileName; 

      int filelength = file.ContentLength; 
      byte[] imagebytes = new byte[filelength]; 
      file.InputStream.Read(imagebytes, 0, filelength); 

      DBAccess dbacc = new DBAccess(); 
      dbacc.saveImage(imagebytes, userid); 

      var serializer = new System.Web.Script.Serialization.JavaScriptSerializer(); 
      var result = new { name = file.FileName }; 
      context.Response.Write(serializer.Serialize(result)); 

     } 

ImageRetrieval.ashx代码:

 public void ProcessRequest(HttpContext context) 
    { 

     string userId = HttpContext.Current.Request.QueryString["user"]; 

     if (userId != null) 
     { 
      DBAccess dbacc = new DBAccess(); 

      DataTable dt = dbacc.getImage(userId); 

      context.Response.ContentType = "image/png"; 

      context.Response.BinaryWrite((byte[])dt.Rows[0]["UserImage"]); 

      context.Response.Flush(); 
     } 
     else 
     { 
      context.Response.Write("No Image Found"); 
     } 
    } 

图像被上传在数据库中,但是当我尝试加载它并将其附加到我的img标签,图像标签显示破碎的图像。我不知道是什么原因或似乎是问题。任何帮助将不胜感激。谢谢!

编辑了一些行。仍然没有运气。

+0

代码看起来还好我说,你可以验证什么在Ajax调用F12铬发生的事情,你得到正确的结果那里并使用context.Response.Flush();二进制写入后。 – SSA 2012-07-11 10:13:55

+0

糟糕!忘了做f12。我有一些错误。加载资源失败:服务器响应状态为404(未找到)。处理程序的名称与.attr src冲突。改变了它,但仍然是相同的错误。 – ljpv14 2012-07-11 10:37:02

+0

然后你处理程序没有注册。 – SSA 2012-07-11 10:38:55

回答

0

根据你的最后一句话试试这个:

var img = dt.Rows[0]["UserImage"]; 
byte[] imagebytes = img.ToArray(); 
context.Response.BinaryWrite(imagebytes); 

static byte[] GetBytes(string str) 
{ 
    byte[] bytes = new byte[str.Length * sizeof(char)]; 
    System.Buffer.BlockCopy(str.ToCharArray(), 0, bytes, 0, bytes.Length); 
    return bytes; 
} 
+0

仍然没有这个运气。 – ljpv14 2012-07-11 12:25:55

+0

什么是您的数据库列类型用于存储图像? – SSA 2012-07-11 13:09:54

+0

这是一个图像类型。 – ljpv14 2012-07-11 14:02:47