我正在 ReactJS 中创建一个“加载图片”组件。我的组件将加载的图像存储在内存中，并将其发送到使用 npm "file-loader" 的 Node 服务器。
图像作为缓冲区到达服务器<Buffer 89 12 00 .... >
我将尝试将缓冲区保存到 MySQL，但如果数据库插入成功，则需要在浏览器中将图像显示为缩略图。
如何在浏览器中显示缓冲图像？
【问题讨论】：
标签： mysql node.js image reactjs
我采用的解决方案是将缓冲区转换为 base64 并使用<img /> 标签显示：
const buffer = someData // e.g., <Buffer 89 50 4e ... >
const b64 = new Buffer(buffer).toString('base64')
const mimeType = some_type // e.g., image/png
然后在我的 React 组件中，我渲染一个图像标签：
<img src={`data:${mimeType};base64,${b64}`} />
【讨论】：
new Buffer() 已弃用，new Buffer.from() 是替代品。干杯。