Как преобразовать байты в нормальную картинку?

Question

[nighty22]

Получаю с сервера данные в виде байтовой строки формата: "b'\x89PNG\r\n\x1a\n\x00\x00\x00\rIHDR\x00\x00\ ...
каким образом преобразовать это в нормальную картинку или как использовать эти данные для ее отображения в React приложении?

Comments

[RAX7]

https://stackoverflow.com/questions/9405621/what-i...

Answer 1

[Somewhere Intech]

Есть либа для ноды, но работает и в браузере
Есть метод с MDN, там используется либа png.js
Вообще лучше на сервере в base64 декодить конечно, а ещё лучше url сразу отдавать

Не знаю как это вывести в чистый массив байт, но вот ещё есть способ вывести сие в Blob объект и засунуть в img

Answer 2

[Шохрух Шаймардонов]

Тут попробуйте преобразовать.

Answer 3

[wisgest]

Я не знаю, что такое «байтовая строка» и что здесь: сама строка или её представление. Если исходить из первого и из предположения, что последним символом в этой строке является апостроф, то можно попробовать как-то так преобразовать её в data-URL
"data:image/png," + escape(eval(str.slice(1)))
или

"data:image/png," + str.slice(2, -1).replace(/\\x/g, "%")