如何在 Html 中显示存储在 mongodb 中的二进制图像 [关闭]答案

【问题标题】：How to display a binary image stored in mongodb, in Html [closed]如何在 Html 中显示存储在 mongodb 中的二进制图像 [关闭]
【发布时间】：2021-11-27 22:04:23
【问题描述】：

二进制图像数据存储在mongodb集合中，如下所示

image:Binary('XXXXXXXXXXX...', 0)

当我试图在 html 中显示它时

<div > <img src="data:image/png;base64,{{person.image}}"/></div>

执行时出现此错误：

net::ERR_UNKNOWN_URL_SCHEME png;base64,[object Object]:1

我没有将二进制数据转换为base64

【问题讨论】：

[object Object] 看起来有点不对劲......当你做 {{person.image | json}} 在模板的某处？

标签： java angular mongodb

【解决方案1】：

Binary 是只有默认 toString 方法的类。

要获取数据 URL 字符串，您可能需要使用 Binary 类 getData 方法返回一个字节数组，然后将其转换为 base64 字符串，如下所述：https://stackoverflow.com/a/33552306/2282634

【讨论】：

昨天问题解决了，确实我用过 Base64.getEncoder().encodeToString(BinaryObject.getData())