如何在 ASP.NET MVC 中显示字节数组图像而不访问数据库？

在 ASP.NET MVC 中高效显示字节数组图像，无需数据库访问

许多 ASP.NET MVC 应用程序在其模型中将图像存储为字节数组。 然而，重复访问数据库来检索这些图像会影响性能。本文提出了一种直接从模型显示字节数组图像的解决方案，绕过数据库以提高效率。

关键是利用.NET的内置功能将字节数组转换为Base64字符串。然后，该字符串将成为 HTML <img src="/static/imghwm/default1.png" data-src="@imgSrc" class="lazy" alt="如何在 ASP.NET MVC 中显示字节数组图像而不访问数据库？" > 标记的源，直接在网页上呈现图像。

流程如下：

1. Base64 转换： 使用 Convert.ToBase64String() 将字节数组转换为 Base64 编码的字符串。
2. 数据 URI 格式： 使用 Base64 字符串和图像的 MIME 类型构造数据 URI 字符串（例如，“data:image/jpeg;base64,”）。
3. HTML 图像元素： 将格式化数据 URI 嵌入为 src 标记的 <img src="/static/imghwm/default1.png" data-src="@imgSrc" class="lazy" alt="如何在 ASP.NET MVC 中显示字节数组图像而不访问数据库？" > 属性。

此代码片段说明了实现：

@{
    var base64 = Convert.ToBase64String(Model.ByteArray);
    var imgSrc = $"data:image/{Model.ImageType};base64,{base64}"; //Improved using string interpolation and dynamic image type
}

<img src="/static/imghwm/default1.png"  data-src="@imgSrc"  class="lazy" alt="Image from byte array" />

这种优化方法避免了重复的数据库调用，从而加快图像加载速度并提高整体应用程序性能。 请注意添加 alt 属性以实现可访问性。 该示例还使用字符串插值来使代码更简洁，并假设您的模型包含 ImageType 属性（例如“jpeg”、“png”、“gif”）来动态确定 MIME 类型。

以上是如何在 ASP.NET MVC 中显示字节数组图像而不访问数据库？的详细内容。更多信息请关注PHP中文网其他相关文章！