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

Question

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

我成功地将我的图像保存在表中，即使在获取数据后一切正常，但是在使用 return Json(data) 将数据返回到 Html 后，什么都没有显示，只是一些二进制代码。我不知道如何像图像一样查看二进制图像，而不仅仅是一些二进制代码。

Answer 1

在您的 HTML 中添加带有 id 或类的图像标签

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

添加脚本调用API并将byte[]显示到图像src。

$(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;base64 或 data:image/jpg;base64 取决于您的图像类型。