4

这是我在数据库中的表:

在此处输入图像描述

我像这样阅读数据库:

DataClassesDataContext db = new DataClassesDataContext();
usertable thisuser = db.usertables.First(p => p.username == User.Identity.Name);

所以,thisuser.picture是图像的句柄。但是如何在我的页面上的 asp:image 控件中显示它?

编辑 我用这段代码保存图片:

DataClassesDataContext db = new DataClassesDataContext();
usertable thisuser = db.usertables.First(p => p.username == User.Identity.Name);
byte[] filebyte = FileUpload1.FileBytes;
System.Data.Linq.Binary fileBinary = new System.Data.Linq.Binary(filebyte);
thisuser.picture = fileBinary;
db.SubmitChanges();

有什么不对 ?

4

6 回答 6

4
<asp:Image ImageUrl='<%# GetImage(Eval("IMG_DATA")) %>' /> 

上面我们告诉 ASPX 引擎我们要获取列 [IMG_DATA] 的值,并将其传递给页面的 GetImage 方法,该方法应该返回一个有效的图像。因此,让我们在页面类中实现该方法:

public string GetImage(object img)
{
   return "data:image/jpg;base64," + Convert.ToBase64String((byte[])img);
}
于 2013-06-21T08:11:58.813 回答
4

您需要创建通用处理程序 - 让我们将其称为 ImageHandler.ashx,它将位于您的 Web 应用程序的根目录中。

public class ImageHandler : IHttpHandler {
  public void ProcessRequest(HttpContext context) {
    // here is the tricky part - you don't store image type anywhere (you should)
    // assuming jpeg
    context.Response.ContentType = "image/jpeg";

    DataClassesDataContext db = new DataClassesDataContext();
    if (HttpContext.Current.User != null && HttpContext.Current.User.Identity != null) {
      var thisuser = db.usertables.First(p => p.username == HttpContext.Current.User.Identity.Name);
      if (thisuser != null) {
        byte[] buffer = thisuser.picture.ToArray();
        context.Response.OutputStream.Write(buffer, 0, buffer.Length);
      }
    }
  }

  public bool IsReusable {
    get { return false; }
  }
}

然后在页面中添加:

<asp:Image runat="server" ImageUrl="~/ImageHandler.ashx" />

几点注意事项:

你应该考虑缓存图像

您应该从图像 sql 类型切换到 varbinary ( http://msdn.microsoft.com/en-us/library/ms187993.aspx )

您应该将图像 mimetype 存储在某处(如果它是 jpeg、png、bmp) - 最好在同一个表中,并在处理程序中提供正确的 mimetype

    -
于 2013-06-21T08:23:39.043 回答
4

ASP.NETImage控件松散地表示<img>HTML 中的标记。因此,您只能通过将 URL 设置为要嵌入页面中的图像内容来将图像放入 HTML 文档中。

<img src="images/picture.png" />

这意味着您需要一种机制来接受请求图像资源的 HTTP 请求,并返回包含图像二进制数据的响应。

使用 ASP.NET Web API,这变成了一个简单的操作来实现:

public HttpResponseMessage GetImage(string username)
{
    DataClassesDataContext db = new DataClassesDataContext();
    usertable thisuser = db.usertables.FirstOrDefault(
        p => p.username == username);

    if (thisuser == null)
    {
        return new HttpResponseMessage(HttpStatusCode.NotFound)); 
    }

    // Create a stream to return to the user.
    var stream = new MemoryStream(thisuser.picture.ToArray());

    // Compose a response containing the image and return to the user.
    var result = new HttpResponseMessage();

    result.Content = new StreamContent(stream);
    result.Content.Headers.ContentType = 
            new MediaTypeHeaderValue("image/jpeg");

    return result;
}

如果您不能使用 Web API,则必须实现一个 HTTP 处理程序来完成相同的工作。

在您的 ASP.NET 页面中,您必须将属性设置ImageUrl为为您的控制器/处理程序配置的地址,包括作为 URL 一部分的用户名。

于 2013-06-21T08:35:23.560 回答
0

创建ashx页面。在它上面使用这样的东西

public void ProcessRequest(HttpContext context)
{

     context.Response.ContentType = "image/jpeg";
     Stream strm = new MemoryStream(GetImage(ID));
     long length = strm.Length;
     byte[] buffer = new byte[length];
     int byteSeq = strm.Read(buffer, 0, 2048);

     while (byteSeq > 0)
     {
           context.Response.OutputStream.Write(buffer, 0, byteSeq);
           byteSeq = strm.Read(buffer, 0, 2048);
      }
}
  1. ON 获取图像方法

    public static byte[] GetImage(string ImageId)
    {
        byte[] img = null;
    
        DataTable dt = new DataTable();
        SqlCommand cmd = new SqlCommand();
        cmd.CommandType = CommandType.StoredProcedure;
        cmd.CommandText = "USP_SELECT_GLOBAL_METHOD";
        cmd.Parameters.AddWithValue("@EVENT", 5);
        cmd.Parameters.AddWithValue("@CODE", ImageId);
        cmd.Connection = DL_CCommon.Connection();
        SqlDataReader dr = null;
        dr = cmd.ExecuteReader();
        if (dr.Read())
        {
            img = (byte[])dr[0];
        }
        dr.Close();
        return img;
    }
    

    此方法返回将图像作为您的 ID。

  2. 在您的 aspx 页面上..

    Image1.ImageUrl = "somthing.ashx?ID="+userImageID;
    

我希望它会奏效。正如我发现它在我自己的工作。谢谢

于 2013-06-26T08:56:03.510 回答
0

您不能使用 ASP.NET Image 控件直接呈现它(或者至少不是我立即意识到的)。很快我的头顶:

解决方案 1:您的图像需要一些 HttpHandler。在您的 asp:image 标记中,您需要一个 ImageUrl,它将被这个特定的 HttpHandler 拾取。在那里,您可以使用正确的 MIME 类型和标头将数据库中的图像内容作为字节写出。

解决方案 2:查看在 URL 中嵌入数据,也许您可​​以像这样写出您的图像并将其添加到 asp:image ImageUrl 中:https ://en.wikipedia.org/wiki/Data_URI_scheme

于 2013-06-21T08:15:23.520 回答
0

如果 thisuser.picture 有一个正确的图像路径,你可以尝试这样的事情:

Image im = new Image();
im.ID = "myImg";
im.ImageUrl = thisuser.picture.toString();
this.Controls.Add(im);

我假设您正在使用网络表单(我认为这没有什么不同)。

此外,这可能需要刷新页面。“this”指的是 Page 对象(在我的例子中)。

于 2013-06-19T06:50:20.060 回答