Javascript 显示来自响应的原始图像数据

我有一个API url，它向我发送一个图像作为响应。 当我尝试将我的响应记录到console.log时，我会看到类似的情况：

请告诉我在我的页面中显示原始数据的最佳方式是什么？ 它是什么格式的原始数据？我甚至不能用谷歌搜索它，因为我真的不知道它是什么格式

const img=document.createElement（'img'）；
文件.正文.附件（img）；
常数src=https://upload.wikimedia.org/wikipedia/commons/thumb/4/47/PNG_transparency_demonstration_1.png/280px-PNG_transparency_demonstration_1.png';
取数（src）
.然后（resp=>resp.blob（））
.then（blob=>URL.createObjectURL（blob））
.然后（uri=>（img.src=uri））
我建议您看看

基本前提是使用
btoa
对base64编码，然后将其添加到页面中，如下所示：

var img = document.createElement('img');
img.src = 'data:image/png;base64,' + btoa('your-binary-data');
document.body.appendChild(img);

我想，这只是以文本形式显示的二进制图像数据。如果你试图用记事本或其他东西打开文件，你会得到同样的结果。为什么您希望能够在基于文本的控制台中查看图像？请点击thx进行澄清。但他在接收二进制数据时可能会遇到问题，而不进行编码（例如在base64中），因为有些字符对于请求来说是无效的。只是saying@Kaddath接收它似乎没有问题，只是对数据可能显示或使用的上下文有误解。如果要显示代表每个像素的字节值（十六进制）；在二维数组中？我不尝试在控制台中查看我的图像。我只是得到了原始图像，想了解我如何处理该图像。谢谢，我想这是我一直在寻找的