我怎樣才能 console.log() 一個 Blob 對象？

Question

我有一個 Blob 對象，我想通過記錄它的值來檢查它。 我只能看到type和size屬性。 有沒有辦法做到這一點？

Answer 1

使用FileReader查看blob中內容的基本示例

 var html= ['<a id="anchor">Hello World</a>']; var myBlob = new Blob(html, { type: 'text/xml'}); var myReader = new FileReader(); myReader.onload = function(event){ console.log(JSON.stringify(myReader.result)); }; myReader.readAsText(myBlob); 

Answer 2

首先，我們應該創建一個將 blob 轉換為 base64 的函數：

const blobToBase64 = blob => {
  const reader = new FileReader();
  reader.readAsDataURL(blob);
  return new Promise(resolve => {
    reader.onloadend = () => {
      resolve(reader.result);
    };
  });
};

然后我們可以使用這個函數將其用於console.log ：

blobToBase64(blobData).then(res => {
  console.log(res); // res is base64 now
  // even you can click on it to see it in a new tab
});