将 Mongoose/MongoDB 中的“二进制数据”图像转换为 base64 并以 HTML 显示答案

【问题标题】：Convert "Binary Data" Image in Mongoose/MongoDB to base64 and display in HTML将 Mongoose/MongoDB 中的“二进制数据”图像转换为 base64 并以 HTML 显示
【发布时间】：2022-01-22 03:19:45
【问题描述】：

我上传了一张图片到猫鼬，它被保存为二进制数据，如下所示：

现在我尝试检索该图像并在我的 HTML 页面中显示，如下所示：

 <img id="user-img" src="data:image/png;base64, {{base64String}}">

我尝试了以下方法：

我正在尝试在向用户发送所有数据之前转换二进制图像服务器端。

let getOne = (req, res) => {
  User.findById(req.params.id)
    .exec()
    .then((data) => {
        if (data) {
            data.photo = new Buffer(data.photo.toString(), 'base64');
             sendJsonResponse(res, 200, data)
        } else if (!data) {
            sendJsonResponse(res, 404, {"message": "Unable to find a single user"})
        }
    })
    .catch(err => {
        sendJsonResponse(res, 500, err)
    })
  };

此时服务器崩溃并给出Internal Server Error 500

我做错了什么？

更新：

【问题讨论】：

@RolandStarke 查看更新的问题以获取收到的错误图片。
@RolandStarke 嗨，请查看控制台记录错误的更新问题。
啊，好吧。所以照片没有定义。不要像我一样为什么：D
当你得到你的照片时，你可以摆脱new Buffer(data.photo.toString(), 'base64'); 我假设照片已经是一个缓冲区所以：var base64OfPhoto = data.photo.toString('base64') 就足够了。
@RolandStarke 谢谢。我现在就试试。不过我注意到了一些奇怪的事情。我上传了一张新图片到 mongoose，现在它会自动返回 base64 格式的图片。这以前也发生过。过了一会儿，它开始返回二进制数据而不是 base64。知道为什么吗？

标签： javascript node.js mongodb mongoose

【解决方案1】：

不需要.exec() 部分。 exec 运行并返回数据，但 then 期待一个承诺。

User.findById(req.params.id)
    .then((data) => {

应该可以。

【讨论】：