Response : propriété url

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis mars 2017.

En savoir plus
Voir la compatibilité complète

Note : Cette fonctionnalité est disponible via les Web Workers.

La propriété en lecture seule url de l'interface Response contient l'URL de la réponse. La valeur de la propriété url sera l'URL finale obtenue après d'éventuelles redirections.

Dans notre exemple de réponse Fetch ^(angl.) (voir l'exemple Fetch Response en direct ^(angl.)), nous créons un nouvel objet Request à l'aide du constructeur Request(), en lui passant le chemin d'un fichier JPG. Nous envoyons ensuite cette requête avec fetch(), extrayons un blob de la réponse avec Response.blob, créons une URL objet à partir de celui-ci avec URL.createObjectURL(), et affichons cela dans une <img>.

Notez qu'au début du bloc fetch(), nous enregistrons l'URL de la réponse dans la console.

const monImage = document.querySelector("img");
const maRequete = new Request("flowers.jpg");
fetch(maRequete)
 .then((reponse) => {
 console.log("response.url =", reponse.url); // response.url = https://mdn.github.io/dom-examples/fetch/fetch-response/flowers.jpg
 return reponse.blob();
 })
 .then((monBlob) => {
 const urlObjet = URL.createObjectURL(monBlob);
 monImage.src = urlObjet;
 });