Изображение из временного хранилища

Question

С сервера приходит изображение content-type: image/jpeg, в запросе приходит

Вот как это выглядит в развернутом response.data

При этом картинку видно в DevTools

А мне нужно вывести это изображение в тэг <img />, а в лучшем случае записать как File или Blop

Я пробовал найти ответы но ничего дельно не нашёл :(

Answer 1

Один из вариантов загрузить картинку как blob объект и создать url объект с помощью URL.createObjectURL, далее url объект передать в img.src.

Axios

axios.get(url, {
  responseType: 'blob'
})
.then((response) => {
  imgElement.src = URL.createObjectURL(response.data);
});

Fetch

fetch(url)
.then((response) => response.blob())
.then((response) => {
  imgElement.src = URL.createObjectURL(response);
});