javascript - 使用 base64 在 HTML 上渲染图像？

Question

我正在努力上传图像，并使用 Node.js 和 mongoose 将它们加载回浏览器。当用户注册时，我可以让他们上传图像。然后我将图像存储到 mongodb 中。下面，图片是从客户端发送的，图片是我发送到服务器的。

var match = /data:([^;]+);base64,(.*)/.exec(picture);

var image = {
    data: new Buffer(match[2], "base64"),
    contentType: match[1]
};

在使用缓冲区转换之前，格式为:

iVBORw0KGgoAAAANSUhEUgAAAJwAAACgCAIAAAB2YpLMAAAYT2..==

转换后image.data的格式如下:

<Buffer 89 50 4e 47 0d 0a 1a 0a 00 00>

但是，当我尝试将图像检索回客户端时，html 将是:

data:image/png;base64,105,86,66,79,82,119,48,75,71,103,...

它无法在浏览器上加载图像，我想我需要采用这种格式:

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJwAAACgCAIAAAB2YpLMAAAYT2...==

我该如何解决这个问题？

提前致谢，

Answer 1

对 image.data 调用 toString("base64") 以将其恢复为原始字符串形式。