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

Question

你好，我有下一个图像de类型缓冲区，这个数据是一张图像，我如何将我的缓冲区数据转换成图像

当我向 api

发出请求时，它显示了以下数据

任何建议

后端在node js中制作sequelize 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)));

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

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

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