Как отобразить бинарный файл изображение?

Question

[stimul777]

Всем привет, как мне отобразить бинарный файл изображение с сервера в теге IMG?
Пробую так:

// Загрузить изображение по ID
  @Action
  async getDownloadFile(key: any) {
    const { data } = await outingService.getIncomeDownloadFile(key);
    this.gallery = data;

    // blob
    let localUrl = window.URL.createObjectURL(new Blob([this.gallery], {type: "image/jpeg"}));
    this.gallery = localUrl
    console.log(this.gallery);
  }
}

В итоге получается такая ссылка blob:http://localhost:8080/67349519-dfc4-4b57-a741..., но она не работает, картинка по ней не отображается( я так понимаю, blob кеширует в браузер). Что я делаю не так?

Comments

[RAX7]

Что лежит в data?

[stimul777]

RAX7, вот такое вот

Answer 1

[wagoodoogoo]

А где здесь вывод картинки?
там дальше должно быть что-то типа

let Img = document.querySelector('img');
img.src = localUrl;

Comments

[stimul777]

картинка выводится c помощью VUE, вот итоговый результат

[wagoodoogoo]

stimul777, а во вкладке network на эту ссылку что браузер пишет?

[stimul777]

wagoodoogoo, вот такое вот)

[wagoodoogoo]

думаю нужно сконвертить blob в base64 и выводить