显示 Blob 图像 NodeJs React答案

【问题标题】：Display Blob image NodeJs React显示 Blob 图像 NodeJs React
【发布时间】：2018-07-26 06:15:36
【问题描述】：

显示 Blob 图像

我想在 Mysql 数据库中显示 blob 图像存储。我的 nodejs API 获取数据并将其发送到 react APP，我将其转换为 base 64 并尝试显示图像。但是，它没有显示。那么，如何在反应中显示 blob 图像。

这里是代码

office_front_pic_preview.value = "data:image/jpeg;base64," + base64.encode(profile.officefrontpic);

<img src={this.props.office_street_pic_preview.value} />

【问题讨论】：

你检查了 chrome 开发工具是否是有效的 base64 并显示预览
是的，在控制台数据中：image/jpeg;base64,W29iamVjdCBPYmplY3Rd，这是显示
如果您将鼠标悬停在图像上，它将显示预览或复制该代码并将其粘贴到多功能栏中，如果正确，它将显示图像

标签： javascript node.js reactjs

【解决方案1】：

<img src="data:image/jpeg;base64,W29iamVjdCBP.....">

应该可以工作了。

【讨论】：

这是在开发工具中显示的