Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

Blob: textStream() Methode

Hinweis: Diese Funktion ist in Web Workers verfügbar.

Die textStream()-Methode des Blob-Interfaces gibt einen ReadableStream zurück, der verwendet werden kann, um die Inhalte des Blob in UTF-8-Chunks zu lesen.

Dies bietet einen einfacheren Mechanismus zum Streamen des Inhalts als das Durchleiten eines Blob.stream()-Byte-Streams durch einen TextDecoderStream.

Hinweis: Die textStream()-Methode unterscheidet sich von FileReader.readAsText() dadurch, dass sie immer UTF-8-Codierung verwendet, während readAsText() einen Parameter hat, der die Codierung festlegt.

Syntax

js
textStream()

Parameter

Keine.

Rückgabewert

Ein ReadableStream.

Beispiele

Lesen von Blob-Inhalten als Text-Stream

Dieses Beispiel zeigt, wie man Blob-Inhalte als Text-Stream liest.

Wir erstellen ein Beispiel-Blob, erhalten einen ReadableStream seines Inhalts mit textStream(), und lesen dann den Text über einen Reader, der mit ReadableStream.getReader() erstellt wurde.

js
const pElem = document.querySelector("p");

const obj = { hello: "world" };
const myBlob = new Blob([JSON.stringify(obj, null, 2)], {
  type: "application/json",
});

async function streamBlobText(blob) {
  const textStream = blob.textStream();
  // instead of
  // const textStream = blob.stream().pipeThrough(new TextDecoderStream());

  const reader = textStream.getReader();

  while (true) {
    const { value, done } = await reader.read();
    if (done) break;
    pElem.textContent += value;
  }
}

streamBlobText(myBlob);

Spezifikationen

Spezifikation
File API
# dom-blob-textstream

Browser-Kompatibilität

Siehe auch