vue.js - 将 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>

我正在使用引导程序 vue。

Answer 1

我已经通过绑定到 previewLogo2.src 而不是 previewLogo2 解决了这个问题

内部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>