Как отобразить возвращенные данные ASCII в виде изображения? - PullRequest
Новая
       13

Как отобразить возвращенные данные ASCII в виде изображения?

0 голосов
/ 23 января 2020

Кто-нибудь имеет представление о том, что это такое?

base64 / binary / hex ??

Это данные изображения, но я не знаю как его отобразить.

enter image description here

ПУТЕШЕСТВУЙТЕ ЭТУ СТРОКУ, так как она добавлена ​​вручную: data:image/png; base64,

1 Ответ

1 голос
/ 23 января 2020

Попробуйте использовать JavaScript объект изображения. Например: 

let base64Img = new Image();
base64Img.src = "data:image/png;base64,*rest of data here*...";

И затем вы можете поместить этот объект изображения в ваш HTML примерно так: 

document.querySelector(*yourCSSselector*).appendChild(base64Img);

Редактировать: Вы сказали, что это не работает, поэтому я посмотрел в это немного больше.

Я закодировал это изображение: https://i.picsum.photos/id/78/536/354.jpg

Используя инструмент в https://www.base64-image.de/

Затем я создал кодовую ручку для отображения этого изображения в простом HTML файле: https://codepen.io/seancowan-dev/pen/jOEdJvy?editors=1011

new Image(); должен работать, если вы передаете ему правильно отформатированный URI данных. Итак, давайте посмотрим, что находится в вашем URI, чтобы убедиться, что он правильно отформатирован base64.

Можете ли вы сделать скриншот console.log(base64Img), чтобы мы могли увидеть, что там?

...