JavaScript Blob二進位制檔案物件（二）使用示例

1.Blob 建構函式用法舉例

Blob() 建構函式允許通過其它物件建立 Blob 物件。比如，用字串構建一個 blob：

var debug = {hello: "world"};
var blob = new Blob([JSON.stringify(debug, null, 2)], {type : 'application/json'});

2.使用 Blob 建立一個指向型別化陣列的URL

參考下面的程式碼：

var typedArray = GetTheTypedArraySomehow();
var blob = new
 
 Blob([typedArray.buffer], {type: 'application/octet-stream'}); // 傳入一個合適的 MIME 型別
var url = URL.createObjectURL(blob);
// 會產生一個類似 blob:d3958f5c-0777-0845-9dcf-2cb28783acaf 這樣的URL字串
// 你可以像使用普通 URL 那樣使用它，比如用在 img.src 上。

3.從 Blob 中提取資料

一種從Blob中讀取內容的方法是使用FileReader。以下程式碼將 Blob 的內容作為型別陣列讀取：

var reader = new FileReader();
reader.addEventListener(
 
"loadend", function() {
   // reader.result 包含被轉化為型別陣列 typed array 的 blob
});
reader.readAsArrayBuffer(blob);

另一種讀取Blob中內容的方式是使用Response物件。下述程式碼將Blob中的內容讀取為文字：

var text = await (new Response(blob)).text();

通過使用FileReader的其它方法可以把 Blob 讀取為字串或者資料URL。

更多：
JavaScript Blob二進位制檔案物件（一）
JavaScript ArrayBuffer 二進位制陣列(二) 應用場景
 

JavaScript ArrayBuffer 二進位制陣列(一)