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

Question

你好，我有下一个图像类型缓冲区，这个数据是一张图像，我怎样才能将我的缓冲区数据转换成图像

当我向 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，所以我建议将 base64String 保存在组件 state 中并使用它。