如何将二进制图像传递给图像处理程序以在 DataList 中显示？

Question

我有一个网页，其中调用了在DataList 控件中显示一些图像的方法

MyImage.cs

class MyImage
{
    string Name { get; set; }
    byte[] Jpeg { get; set; } 
}

MyImages.aspx.cs

public void DisplayMyImages(IEnumerable<MyImage> myImages)
{
    this.myImagesDataList.DataSource = myImages;
    this.myImagesDataList.DataBind();  
}

/// ...

protected void myImagesDataList_ItemDataBound(object sender, DataListItemEventArgs e)
{
    if (e.Item.ItemType == ListItemType.Item ||
        e.Item.ItemType == ListItemType.AlternatingItem)
    {
        MyImage myImage = (MyImage)e.Item.DataItem;
        Image myImageImage = (Image)e.Item.FindControl("myImageImage");

        // How to pass myImage.Jpeg to ImageHandler? form here

        myImageImage.ImageUrl = "~/Handlers/ImageHandler.ashx";
    }
}

但是如果已经从数据库中提取并传递给DisplayMyImages()函数，如何将jpeg图像传递给ImageHandler？

备注：

我不想将它们保存回文件并将查询字符串中的路径传递给ImageHandler

无法使用标准查询字符串方法，因为我不想违反模型视图演示者方法

Answer 1

通常图像应该由 ImageHandler 生成而不是传递给，所以只需翻转你的逻辑。 你最终会得到这样的结果：

myImageImage.ImageUrl = "~/Handlers/ImageHandler.aspx?id=yourImageId";

确保设置正确的内容类型，如下所示：

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

这就是您编写图像以响应的方式：

byte[] fileData = null;
//TODO: load your image data into fileData!
context.Response.BinaryWrite(fileData);

Answer 2

传入图像的 ID 并在需要时直接从数据库中检索它并使用类似于 ;

var data = //Code to retrieve byte[];

int len = data.Length;
response.ContentType = "image/png";
response.BinaryWrite(data);

Answer 3

首先我认为你可能会出错

myImageImage.ImageUrl = "~/Handlers/ImageHandler.aspx";    

注意：您需要将 ImageHandler 文件包含在 .ashx 而不是 .aspx 文件中。 .ashx Generic Handler 在从 ImageHandler 检索图像时用作上下文中的图像。这是 ImageHandler 文件的正确格式。

imgProfile.ImageUrl = "ImageHandler.ashx?imgid=" + imageId.ToString();

click here to see complete referece.

希望，它可以帮助你。 ！！

Answer 4

我刚刚回答了your question on CodeProject，但我也将答案复制到这里。

根据图片的大小以及需要支持的浏览器，您可能可以使用data URI。

myImageImage.ImageUrl = "data:image/jpeg;base64," + Convert.ToBase64String(myImage.Jpeg);

（如果您使用的是 IE8，则限制为 32Kb；根本不支持早期版本的 IE。）