javascript - 使用json的图像?

标签 javascript jquery android html json

我正在尝试从 base 64 数组的数据库中将图像加载到 HTML 中。它有大约 204 个字符。我也在尝试加载名称和其他详细信息。它返回以下 JSON

07-18 18:33:52.732: 错误/HTMLContacts(1098): Json: google json [{"contactId":"1","contactPhoto":"iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAIAAABt+uBvAAAAA3NCSVQFBgUzC42AAAAgAElEQVR4\nnK 29f4wc93Un+OnvvBq976iarBKnpSnJbbklj3xDL5kldVJAeqVA9Nne0Ih9J0IRvEIiXHf31AQmUelEgUB0V3d2FhfXu450XTBqlf1Cq+J4QqwisQgMaRGYZpTMUCADkZDS6Reik6n\nKApXTsS5 4kDn7DdXew/2Sre9eFdR3Jer

它的很大一部分被 chop 了。我假设它已经超过 JSON 限制,因此它 chop 了其他细节。有什么好的方法可以发送数组以便我可以在其中显示图像 HTML ?提前致谢 。

注意:我需要一次发送多张图片,大概 10 张。

最佳答案

要在 IMG 标签的 SRC 中使用 base-64 数据,请将其转换为数据 url,如下所示(假设图像为 PNG,适当更改 mimetype):

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAIAAABt+uBvAAAAA3NCSVQFBgUzC42AAAAgAElEQVR4\nnK29f4wc93Un+OnvvBq976iarBKnpSnJbbklj3xDL5kldVJAeqVA9Nne0Ih9J0IRvEIiXHf31AQmUelEgUB0V3d2FhfXu450XTBqlf1Cq+J4QqwisQgMaRGYZpTMUCADkZDS6Reik6n\nKApXTsS54kDn7DdXew/2Sre9eFdR3Jer">

关于javascript - 使用json的图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6741411/

相关文章:

javascript - 在输入文本字段上只允许数字文本

javascript - jQuery 变量无缘无故变得未定义

javascript - 悬停下拉菜单不适用于多列

android - 在 Kotlin 中测试私有(private)方法

javascript -\n 或 <br\> 在 JavaScript 中不起作用

javascript - 当 Mocha 测试失败时,它会将一个对象记录到控制台

javascript - 我可以从一开始就隐藏一张 table 吗?

iPhone 上的 jquery 移动网站

java - 如何在 android Libgdx 中设置纵向主屏幕和横向其他屏幕?

android - 在 Flutter 和 native 代码中使用 Firestore 的缓存行为