如何从 ReadableStream 响应访问数据？

Question

我对端点进行了 API 调用，它 returns 是这样的：

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

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

Answer 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()

如何从 ReadableStream 响应访问数据？

How to access data from ReadableStream response?

javascript

base64

encoding

fetch