我怎样才能 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

2023 年更新，现在可以用

完成

await blob.text()

（感谢@Kaiido）

Answer 3

首先我们应该创建一个将 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
});