Response: url-Eigenschaft

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: Dieses Feature ist verfügbar in Web Workers.

Die url-Schreibgeschützt-Eigenschaft der Response-Schnittstelle enthält die URL der Antwort. Der Wert der url-Eigenschaft ist die endgültige URL, die nach allen Umleitungen erhalten wurde.

Wert

Ein String.

Beispiele

In unserem Fetch Response Beispiel (siehe Fetch Response live) erstellen wir ein neues Request-Objekt mit dem Konstruktor Request(), wobei wir ihm einen JPG-Pfad übergeben. Wir holen dann diese Anfrage mit fetch() ab, extrahieren ein Blob aus der Antwort mit Response.blob, erstellen mit URL.createObjectURL() eine Objekt-URL daraus und zeigen dieses in einem <img> an.

Beachten Sie, dass wir am Anfang des fetch()-Blocks die URL der Antwort in die Konsole loggen.

js
const myImage = document.querySelector("img");

const myRequest = new Request("flowers.jpg");

fetch(myRequest)
  .then((response) => {
    console.log("response.url =", response.url); // response.url = https://mdn.github.io/dom-examples/fetch/fetch-response/flowers.jpg
    return response.blob();
  })
  .then((myBlob) => {
    const objectURL = URL.createObjectURL(myBlob);
    myImage.src = objectURL;
  });

Spezifikationen

Specification
Fetch Standard
# ref-for-dom-response-url①

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch