如何显示在 html 中存储为字符串数组的图像？

【问题标题】：how to display images which are stored as string array in html?如何显示在 html 中存储为字符串数组的图像？
【发布时间】：2011-09-20 20:23:53
【问题描述】：

我一直在尝试加载数据库中的图像（在本地电话上）。JSON 与 java 对话并获取我编码为 64 位数据的字节数组并返回一个字符串数组。现在我正在尝试解析 json 数据。我看到了数组，但我如何读取它或在 html 中设置它的图像标签。感谢所有答案

【问题讨论】：

标签： java javascript html json

【解决方案1】：

使用data:// URI scheme。

例如，如果base64编码的数据是：

iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==

然后您将这些数据放入图像的src 属性中，如下所示：

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />

绘制此图像：

【讨论】：

哇！我不知道这甚至存在。谢谢:)
@David 能够在<canvas> 上绘制（任何东西）然后使用canvas.toDataURL() 在页面中将其呈现为常规<img> 是特别整洁的。