前端 ArrayBuffer 與 Blob 互轉

我們在使用ajax向后端發送請求時，responseType可以設置返回數據的格式，它支持的格式有"text"、"arraybuffer"、"blob"、"document"，返回的對應數據為DOMString、ArrayBuffer、Blob、Document

前端在請求二進制數據的時候需要將responseType設置成arraybuffer。

arraybuffer和blob相互轉化

arraybuffer => blob

let buffer = new ArrayBuffer(12);
let blob = new Blob([buffer]);

blob => arraybuffer

let file = new FileReader();
let blob = new Blob([1,2,3,4,5]);
file.onload = function(result) {
    console.log(this.result)
}
file.readAsArrayBuffer(blob);