获取BLOB的二进制内容

Question

我知道，为了在Javascript中将BLOB对象转换为可读格式（URL），我应该使用createObjectURL（）方法，对吧？

示例：

var blob = new Blob(["Example"], { type: "text/plain" });
url = window.URL.createObjectURL(blob);

我的问题是：

是否有可能获得BLOB的原始二进制内容？所以，我可以得到类似的东西：

"01000101 01111000 01100001 01101101 01110000 01101100 01100101" // "Example" in binary .

Answer 1

你可以使用extract the data from the blob FileReader。要获得ArrayBuffer数字，请使用FileReader.readAsArrayBuffer()。

要将数组缓冲区转换为0和1的字符串，请创建一个ArrayBufferView（在本例中为Int8array），spread将其转换为数组，然后使用map以2的基数Number.toString()将视图转换为每个数字的二进制表示形式 - .toString(2) ：

const blob = new Blob(["Example"], { type: "text/plain" });

const reader = new FileReader();

reader.addEventListener("loadend", function() {  
  const view = new Int8Array(reader.result);
  
  const bin = [...view].map((n) => n.toString(2)).join(' ');
  
  console.log(bin);
});

reader.readAsArrayBuffer(blob);

Answer 2

您可以使用FileReader将BLOB的内容作为字节数组获取：

var reader = new FileReader();
reader.readAsArrayBuffer(blob);
reader.onloadend = (event) => {
    // The contents of the BLOB are in reader.result:
    console.log(reader.result);
}

https://developer.mozilla.org/en-US/docs/Web/API/FileReader

https://developer.mozilla.org/en-US/docs/Web/API/Blob#Example_for_extracting_data_from_a_Blob