如何在浏览器中显示png图片的二进制数据

Question

我从一些第三方 api 获得了 png 图像的二进制数据 这是我在控制台日志后得到的数据文本： `�PNG

IHDRf�:%PLTE����U��~IDATx�옱�� D[�I�BfBʌP�R_���j~}��,��8���D��3x뭷��"IV� ��2������o|`��,��yi.��r��>��%��UN��<#@�o�4$۬�!7 �">PM��d ��6��-ڻ��˫M����4��[��y6��)��֝��|;����b*@��yt3��5��y6��4'$R��S�� ��|��xR��6OC��$����Ր����a3��6��fL����x��;��^}��S��y��;��ե����0��5�� ��{"=��6��T1����T?_a`lr����`E��

在浏览器中，当打开网络选项卡时，图像将显示如下：

如何将上面的数据显示为如下图所示的图像？我已经通过将数据转换为 base64 或更改请求标头中的接受类型来尝试所有可能的方法，但它们都不起作用。

任何帮助将不胜感激。谢谢阅读

这是我试过的将数据转换为 base64 的代码：

const blob = new Blob([esimQrCode], { type: "image/png" });
const base64Data = Buffer.from(esimQrCode).toString("base64");

return <img src={`data:image/png;base64,${base64Data}`} />