在 img 标签中显示 blob (javascript)

【问题标题】：display blob in img tag (javascript)在 img 标签中显示 blob (javascript)
【发布时间】：2019-03-14 08:51:43
【问题描述】：

我从 mySql 获取一个 blob 文件，它看起来像下图。

我想通过<img src={imagefile}/> 展示这张图片（我正在使用 React.js）。

如何将 blob 文件链接到 url 链接？我试过URL.createObjectURL(imagefile)

但它给了我一个错误 Failed to execute 'createObjectURL' on 'URL': No function was found that matched the signature provided

请帮助 ToT

【问题讨论】：

【解决方案1】：

您需要使用以下代码将数据转换为base64，然后使用可以在您的img标签中使用Base64

let base64String = btoa(String.fromCharCode(...new Uint8Array(data)));

【讨论】：

在大多数情况下不起作用，src 标签对于图像来说会变得很长，并且像 firefox 这样的浏览器不会在手机上显示图像。这是可以理解的，因为您会得到一个包含数百万个字符的 src 字段。