フロントエンドArrayBufferとBlobの相互回転

1309 ワード

         :

responseType       :"text"、"arraybuffer"、"blob"   "document";

         DOMString、ArrayBuffer、Blob、Document;     "text"。

                      :xhr.responseType = "arraybuffer";

    :
var xhr = new XMLHttpRequest()
xhr.open('GET', url, true)
xhr.responseType = 'arraybuffer'
xhr.onload = function(e) {
    buffer = xhr.response
    console.log(buffer)
};
xhr.send()

Arraybufferとblobの違い
ArrayBuffer         、               。

Blob (binary large object),        、          ,

blob    slice  ,         Blob  ,     Blob           。
 
    ,ArrayBuffer   ,           , Blob              。

   ,ArrayBuffer  Blob         ,   。

arraybufferとblobの相互変換
ArrayBuffer回転Blob
// arraybuffer blob   ,         。

var buffer = new ArrayBuffer(16)
var blob = new Blob([buffer])

Blob回転ArrayBuffer
      fileReader  :

var blob = new Blob([1,2,3,4,5])
var reader = new FileReader()

reader.onload = function() {
    console.log(this.result)
}
reader.readAsArrayBuffer(blob)

//         ArrayBuffer    。

ArrayBufferはBlobと同様にバイナリデータのコンテナであり、ArrayBufferはより下位層であり、これらのバイナリ値を修正するために操作することができ、両者の間でも相互に回転することができる.