Отобразить изображение с типом byte [] после возврата в виде JSON в HTML-элемент

Question

Я получаю данные из таблицы базы данных, в которой есть столбец с типом varbinary (max).

Я успешно сохранил свое изображение в таблице, а также после получения данных все работает, но после возврата данных в Html с возвратом Json (data)

Понятия не имею, какпросматривать двоичное изображение как изображение, а не просто некоторые двоичные коды

Answer 1

Добавьте тег изображения с идентификатором или классом в ваш HTML

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

Добавить скрипт для вызова API и отобразить байт [] для изображения 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 в зависимости от типа изображения.