如何在 Blazor 中通过 <img src= "?" /> 将存储在数据库中的图像显示为 byte[]

Question

我想显示存储在数据库中的图像，我的 DAL 中有这个函数，我

注入到名为 admin 的组件：

public byte[] GetCategoryLabelImage(int categoryLabelID) 
{
var categoryLabel = context.CategoryLabels.FirstOrDefault(cl => cl.Id == categoryLabelID);
byte[] image = categoryLabel?.Image?.Image;
return image;        
}

但是当我使用这样的标签时：

<img src="@admin.GetCategoryLabelImage(label.Id)" />

它什么也没显示，这是显示图像的正确方式吗？

Answer 1

我按如下方式解决了它：

<img src="data:image/bmp;base64, @(Convert.ToBase64String(admin.GetCategoryLabelImage(label.Id)))"/>