如何在react js中将类型数据缓冲区转换为图像

Question

您好，我接下来有图像类型缓冲区，该数据是一张图像，如何将缓冲区数据转换为图像

当我向 api 发出请求时，它会显示以下数据

任何建议

后端是用 Node js 续集 MYSQL 制作的。

以及 React js 中的前端

我有下一个例子

https://codesandbox.io/s/happy-christian-z4m1x?file=/src/LoadingData.js

这样他就从 MySQL 数据库中检索了数据

这样我就注册了

这样图像就被存储了

Answer 1

首先，您需要将您的转换Buffer为base64字符串

const base64String = btoa(String.fromCharCode(...new Uint8Array(arrayBuffer)));

其次，您需要使用字符串作为标签src的属性img

<img src={`data:image/png;base64,${base64String}`} alt=""/>

我假设您正在使用react，因此我建议保存base64String该组件state并使用它。