首页 > 解决方案 > 在 img 标签中显示 blob (javascript)

问题描述

我从 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

标签: javascriptreactjsblob

解决方案


您需要使用以下代码将数据转换为base64,然后使用可以在您的img标签中使用Base64 <img src="yourbase64here"/>

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

推荐阅读