为什么我无法显示图像（base64 字符串）

Question

我在显示图片时遇到了一些问题。通常情况下，我会这样显示图像：

<img src={"data:image/png;base64," + data.image} id="logoImg" />

... 其中 data.image 是 base64 字符串。但是，这没有给我任何错误，但我从未在 pdf 上看到徽标：

<Image style={styles.logo} src={{ data: "image/png;base64," + data.image}} />

如有任何帮助，我们将不胜感激。

Answer 1

1. 原始图像是 jpeg
2. 我不得不先把它放在缓冲区里。

const buff = new Buffer(data.image, 'base64');
...
<Image style={styles.logo} src={{ data: buff, format: 'jpg' }} />