Question

我是ASP.NET MVC Web开发的新手。

我想在SQL Server数据库的razor视图中以img标签显示图像。

在我的模型中，图像存储为字节数组：

public class Business
    {
        public string ID { get; set; }

        [Required]
        public string BusinessName { get; set; }

        public string City { get; set; }

        [Required]
        public string Description { get; set; }

        public byte[] LogoImage { get; set; }

    }

在控制器I中从db [varbinary（MAX）]列获取图像数据：

...
    LogoImage = (byte[])reader["LogoImage"]
...

在视图中，我有一个标准的详细信息模板，我在其中输入以下代码：

@{
    var base64 = Convert.ToBase64String(model.LogoImage);
    var imgSrc = String.Format("data:image/gif;base64,{0}", base64);
}
<img src='@imgSrc' style="max-width:100px; max-height:100px;" />

所以，我在剃刀视图中真的很挣扎，如果对待那个，那么另一个错误发生了。显示除图像外的其他属性。

有人可以建议如何在剃须刀视图中显示图像吗？是否可以将图像填充为img src =＆＃39; ...长数据...＆＃39 ;? 如何从模型传递或访问数组？我是否必须将其转换为字符串@ Html.DisplayFor（model =＆gt; model.LogoImage）？

Answer 1

这里有两个选项：

制作一个动作，返回图像的内容，并指向img标签src中的动作。此操作应使用文件结果类型。
从您的控制器，将您的图像编码为base64并使用您的src中的数据。也许在这里，您遇到的问题是您需要使用@Html.Raw(imgSrc)，因此它不会逃避base64字符串。

如果你的形象很大，也许第一个选择更好。此外，所有浏览器可能都不支持数据网址。

Answer 2

您可以通过此代码显示图像

<img style="max-width:100px; max-height:100px;" src="data:image/*;base64,@(Convert.ToBase64String(imgSrc))">

在MVC中显示数据库中的图像

2 个答案: