Response.arrayBuffer()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.

实验性: 这是一项实验性技术
在将其用于生产之前,请仔细检查浏览器兼容性表格

Response上的方法 arrayBuffer() 接受一个 Response 流,并等待其读取完成。它返回一个 promise 实例,并 resolve 一个 ArrayBuffer 对象。

语法

js
response.arrayBuffer().then(function(buffer) {
  // do something with buffer
)};

参数

无。

返回值

A promise that resolves with an ArrayBuffer.

例子

In our fetch array buffer example (run fetch array buffer live), we have a Play button. When pressed, the getData() function is run.

In getData() we create a new request using the Request.Request constructor, then use it to fetch an OGG music track. We also use AudioContext.createBufferSource to create an audio buffer source. When the fetch is successful, we read an ArrayBuffer out of the response using arrayBuffer(), decode the audio data using AudioContext.decodeAudioData, set the decoded data as the audio buffer source's buffer (source.buffer), then connect the source up to the AudioContext.destination.

Once getData() has finished running, we start the audio source playing with start(0), then disable the play button so it can't be clicked again when it is already playing (this would cause an error.)

js
function getData() {
  source = audioCtx.createBufferSource();

  var myRequest = new Request("viper.ogg");

  fetch(myRequest).then(function (response) {
    response.arrayBuffer().then(function (buffer) {
      audioCtx.decodeAudioData(buffer, function (decodedData) {
        source.buffer = decodedData;
        source.connect(audioCtx.destination);
      });
    });
  });
}

// wire up buttons to stop and play audio

play.onclick = function () {
  getData();
  source.start(0);
  play.setAttribute("disabled", "disabled");
};

规范

Specification
Fetch
# ref-for-dom-body-arraybuffer①

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobileserver
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
Deno
Node.js
arrayBuffer

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

参考