Uint8Array到base64转换然后在浏览器问题中显示图像

Question

我在mongodb中有一个代表png图像的Unit8Array。我将数组拉出并使用javascript（在meteor客户端）将其转换为base64，以便我可以在浏览器中显示它。代码如下

var blob = new Uint8Array(Tester.findOne().image);
var base64String = btoa(String.fromCharCode.apply(null, blob));
var src = 'data:image/png;base64,' + base64String + '';
console.log(src);

其中Tester.findOne（）。image是包含Uint8Array的mongodb集合。 我记录了src并将其粘贴到浏览器中。出现通用的损坏图像图标（见下文）。但是，当我在浏览器中单击已损坏的图像并说保存到桌面时，它会下载该文件，当我打开它时，png图像会按预期显示。

下载图片后： 当我直接尝试将其分配给<img src = 'data'>时： 将数据添加为img源或使用document.findElementbyId（“img”）然后更改img.src：