javascript - 如何将返回的数据ASCII显示为图像？

Question

有人知道这是什么吗？

base64 / binary / hex??

这是一个图像数据，但我不知道如何显示它。

省略此字符串，因为它是手动添加的:data:image/png; Base64，

Answer 1

尝试使用 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/处的工具

然后我制作了一个 codepen 来在一个简单的 HTML 文件中显示该图像:https://codepen.io/seancowan-dev/pen/jOEdJvy?editors=1011

如果您向其传递格式正确的数据 URI，

new Image(); 应该可以工作。因此，让我们看一下您的 URI 中的内容，以确保它的 base64 格式正确。

您可以截取 console.log(base64Img) 以便我们查看其中的内容吗？