Body.body

Die schreibgeschützte body Eigenschaft des Body Mixin ist ein einfacher Getter, der dazu benutzt wird den Inhalt des Body als ReadableStream bereitzustellen.

var stream = responseInstance.body;

Ein ReadableStream.

In unserem einfachen Stream-Pump-Beispiel rufen wir ein Bild ab, machen den Antwort-Stream mit response.body sichtbar, erstellen einen Reader mit ReadableStream.getReader() und reihen die Teile des Streams in einen zweiten, benutzerdefinierten, lesbaren Stream — wodurch wie eine exakte Kopie des Bilds erhalten.

const image = document.getElementById('target');

// Bild holen
fetch('./tortoise.png')
// Body als ReadableStream abrufen
.then(response => response.body)
.then(body => {
  const reader = body.getReader();

  return new ReadableStream({
    start(controller) {
      return pump();

      function pump() {
        return reader.read().then(({ done, value }) => {
          // Stream schließen, wenn keine weiteren Daten verarbeitet werden müssen
          if (done) {
            controller.close();
            return;
          }

          // Das nächste Datenstück in unseren Ziel-Stream einreihen
          controller.enqueue(value);
          return pump();
        });
      }
    }
  })
})
.then(stream => new Response(stream))
.then(response => response.blob())
.then(blob => URL.createObjectURL(blob))
.then(url => console.log(image.src = url))
.catch(err => console.error(err));

• Fetch API
• Streams API
• ServiceWorker API