如何在 Blazor 中通过 <img src="?" /> 显示以字节 [] 形式存储在数据库中的图像

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)))"/>

如何在 Blazor 中通过 <img src="?" /> 显示以字节 [] 形式存储在数据库中的图像

How to display an Image that is stored in DB as byte[] by a <img src="?" /> in Blazor

blazor-server-side