IT技术 - 如何在react js中将类型数据缓冲区转换为图像 - 吾爱随笔录

IT技术 html reactjs image buffer

2021-05-13 05:08:22

你好，我接下来是图像类型缓冲区，这个数据是一个图像，我如何将我的缓冲区数据转换为图像

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

任何建议

后端是在 node js sequelize MYSQL 中制作的。

和 react js 中的前端

我有下一个例子

他用这个从 MySQL 数据库中检索了数据

这样我注册

并以这种方式存储图像

2个回答

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

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

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

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

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

您好，我设法通过此功能解决了此问题，希望对您有所帮助

// here I extract the data from arrayBuffer
const  { data } = pregunta;
console.log( data );

这里我们将数据转换为base64

const img = new Buffer.from(data).toString("ascii")
console.log(img);

结果是

数据：图像/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/ ..... 继续

谢谢

其它你可能感兴趣的问题