如何从 ReadableStream 响应中访问数据？

【问题标题】：How to access data from ReadableStream response?如何从 ReadableStream 响应中访问数据？
【发布时间】：2020-09-06 17:53:33
【问题描述】：

我对端点进行了 API 调用，它返回：

const test = () => {
    fetch(endpoint)
      .then((response) => {
        console.log(response.body)
      })
      .catch((err) => {
        console.log(err);
      });
  };

如何获取 Base64 格式的 ReadableStream？这将返回一个 png 文件。

【问题讨论】：

您是否尝试过阅读fetch 文档？

标签： javascript encoding base64 fetch

【解决方案1】：

使用this 答案，您可以获取 blob 并将其转换为 base64。

const test = () => {
    fetch(endpoint)
      .then((response) => {
        return response.blob();
      })
      .then((blob)=>{
          var reader = new FileReader();
          reader.readAsDataURL(blob); 
          reader.onloadend = function() {
              var base64data = reader.result;                
              console.log(base64data);
          }
      })
      .catch((err) => {
        console.log(err);
      });
  };

MDN on .blob()

【讨论】：