显示来自回复

Question

我有API网址，它会向我发送图像。 当我尝试console.log我的回答时，我看到类似的东西：

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

＆＃13;

＆＃13;

const img = document.createElement('img');
document.body.appendChild(img);

const src = 'https://upload.wikimedia.org/wikipedia/commons/thumb/4/47/PNG_transparency_demonstration_1.png/280px-PNG_transparency_demonstration_1.png';

fetch(src)
  .then(resp => resp.blob())
  .then(blob => URL.createObjectURL(blob))
  .then(uri => (img.src = uri));

＆＃13;

<!-- Polyfill for older browsers -->
<script src="https://cdn.rawgit.com/github/fetch/master/fetch.js"></script>

＆＃13;

＆＃13;

＆＃13;

Answer 1

我建议您查看this question。

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

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