将 base64 字符串显示为图像 vue.js

Question

我正在从后端服务器获取 base64 字符串形式的图像。我想将它转换成图像并显示相同。我尝试了以下方法：

JS 内部

let previewLogo2 = new Image();
previewLogo2.src = `data:image/png;base64,${fileList[i].file}`;

内部模板

<b-img :src="previewLogo2" class="certificate-logo-size logo2 pt-2"></b-img>

我正在使用 bootstrap vue。

Answer 1

我已经通过绑定到 previewLogo2.src 而不是预览 Logo 2

解决了这个问题

JS 内部

let previewLogo2 = new Image();
previewLogo2.src = `data:image/png;base64,${fileList[i].file}`;

内部模板

<b-img :src="previewLogo2.src" class="certificate-logo-size logo2 pt-2"></b-img>