Response: blob() Methode
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.
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Die blob()-Methode der Response-Schnittstelle nimmt
einen Response-Stream und liest ihn bis zum Abschluss. Sie gibt ein Promise zurück, das mit einem Blob aufgelöst wird.
Syntax
blob()
Parameter
Keine.
Hinweis:
Wenn die Response einen
Response.type von "opaque" hat, wird der resultierende Blob
eine Blob.size von 0 und einen Blob.type von
leerem String "" haben, was ihn für Methoden wie
URL.createObjectURL() unbrauchbar macht.
Rückgabewert
Ein Promise, das mit einem Blob aufgelöst wird.
Ausnahmen
DOMExceptionAbortError-
Die Anfrage wurde abgebrochen.
TypeError-
Wird aus einem der folgenden Gründe ausgelöst:
- Der Antwortkörper ist gestört oder gesperrt.
- Es gab einen Fehler beim Dekodieren des Inhalts des Körpers (zum Beispiel, weil der
Content-Encoding-Header falsch ist).
Beispiele
In unserem fetch request Beispiel (führen Sie fetch request live aus), erstellen wir
eine neue Anfrage mit dem Request()-Konstruktor,
um dann ein JPG abzurufen. Wenn der Abruf erfolgreich ist, lesen wir ein Blob
aus der Antwort mit blob(), fügen es eine Objekt-URL hinzu mit
URL.createObjectURL() und setzen dann diese URL als Quelle eines
<img>-Elements, um das Bild anzuzeigen.
const myImage = document.querySelector("img");
const myRequest = new Request("flowers.jpg");
fetch(myRequest)
.then((response) => response.blob())
.then((myBlob) => {
const objectURL = URL.createObjectURL(myBlob);
myImage.src = objectURL;
});
Spezifikationen
| Specification |
|---|
| Fetch # ref-for-dom-body-blob① |