Response: headers-Eigenschaft
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since März 2017.
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Die headers schreibgeschützte Eigenschaft des Response-Interfaces enthält das Headers-Objekt, das mit der Antwort verknüpft ist.
Wert
Ein Headers-Objekt.
Beispiele
In unserem Beispiel für die Fetch Response (siehe Fetch Response live)
erstellen wir ein neues Request-Objekt mit dem Request()-Konstruktor und übergeben ihm einen JPG-Pfad.
Wir holen diese Anfrage dann mit fetch() ab, extrahieren ein Blob aus der Antwort mit Response.blob,
erstellen eine Objekt-URL daraus mit URL.createObjectURL() und zeigen diese in einem <img> an.
Beachten Sie, dass wir am Anfang des fetch()-Blocks die Antwort-Header in die Konsole protokollieren.
const myImage = document.querySelector("img");
const myRequest = new Request("flowers.jpg");
fetch(myRequest)
.then((response) => {
console.log("response.headers =", response.headers);
return response.blob();
})
.then((myBlob) => {
const objectURL = URL.createObjectURL(myBlob);
myImage.src = objectURL;
});
Spezifikationen
| Specification |
|---|
| Fetch # ref-for-dom-response-headers① |
Browser-Kompatibilität
Loading…