在html元素中作为JSON返回后显示类型为byte []的图像

时间:2019-05-08 11:49:30

标签: json asp.net-web-api .net-core

我从具有列类型为varbinary(max)的数据库表中获取数据。

我成功地将图像保存在表中,并且在获取数据后一切正常,但是在使用return Json(data)将数据返回到HTML之后

我不知道如何查看二进制图像,而不仅仅是一些二进制代码

1 个答案:

答案 0 :(得分:1)

在您的HTML中添加具有ID或类的图像标签

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

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

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

            }
        });
});

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