前端 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);