@DmitryLife

Как перевести строку Base64 в картинку в JavaScript?

С сервера получаю строку закодированную в Base64. (На картинке 2-ая строка)

При декодировании получаю неизвестные науке символы. (На картинке 1-ая строка)

Back-end разработчик на вопрос, из чего кодировал, ответил: «Он байт код кодирует. Не байт код, а сырые биты (картинку)». Т.е. как я понял, передается не строка, а именно само изображение побайтово.

Как теперь это все можно превратить в изображение?

5ff6f12e30150607594398.png
  • Вопрос задан
  • 78 просмотров
Пригласить эксперта
Ответы на вопрос 2
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
Не надо ничего раскодировать. Достаточно правильно сформировать атрибут src у тэга img.
Ответ написан
link_web
@link_web
Magento 1/2, Laravel, Zend, Shopify, Prestashop, W
Сразу пример
Можно вот так:
var image = new Image();
image.src = 'data:image/png;base64,iVBORw0K...';
document.body.appendChild(image);

или вот так:
html:
<img id="imgElem"/>
js
let baseStr64="/9j/4AAQSkZJRgABAQE...";
imgElem.setAttribute('src', "data:image/jpg;base64," + baseStr64);
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Intspirit Краснодар
от 80 000 до 150 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽