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

标签 javascript html image uri

有人知道这是什么吗?

base64 / binary / hex??

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

enter image description here

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

最佳答案

尝试使用 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) 以便我们查看其中的内容吗?

关于javascript - 如何将返回的数据ASCII显示为图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59886185/

相关文章:

javascript - gmaps.js,找到最近的点

javascript - 删除不同的 dom 元素后,ng-click 不再调用函数

javascript - 将 reducer 和操作绑定(bind)到非根组件

javascript - 脚本不适用于加载 Ajax 的内容

html - 超越背景颜色的div

ios - 使用图像初始化对象

html - Header 中的多个图像适应屏幕分辨率 CSS

html - 使用 css 透视属性创建矩形 3d 框

java - 创建 java swing 专辑

html - 为什么 IE 中的某些图像在第二页加载后不显示?