如何在视图中以字节为单位显示存储在数据库中的图像？

Question

如何在ASP.NET MVC的视图中以字节的形式显示存储在数据库中的图像。我正在使用存储过程。是MVC的新手。

Answer 1

如果将数据图像作为视图模型传递：

在Cshtml中

@{
var imageContent = "data:image/png;base64," + Model.ImageData;
}

<img id="myimage" src="@imageContent" /> 

如果您通过ajax调用读取图像数据：

添加脚本以调用API并在字节src中显示byte []。

 $(document).ready(function(){
        $.ajax({
                url: '/yourcontroller/getimage',
                type: 'GET',
                success: function (data) {
                    $('#myimage').attr('src', "data:image/png;base64," + data);
                },
                error: function (error) {
                }
            });
    });

注意：data:image/png;base64或data:image/jpg;base64取决于您的图像类型。