La propriété en lecture seulecurrentSrc deHTMLImageElement indique l'URL de l'image actuellement affichée dans l'élément HTML<img> qu'elle représente.

Valeur

Une chaîne de caractères indiquant l'URL complète de l'image actuellement visible dans l'élément<img> représenté par unHTMLImageElement. Ceci est utile lorsque vous fournissez plusieurs options d'image à l'aide des propriétéssizes et/ouHTMLImageElement.srcset.currentSrc permet de déterminer quelle image parmi celles proposées a été sélectionnée par le navigateur.

Exemples

Dans cet exemple, deux tailles différentes sont proposées pour une image d'horloge. L'une fait 200px de large et l'autre 400px. L'attributsizes indique que l'image doit être affichée à 50 % de la largeur du document si la zone d'affichage (viewport en anglais) fait moins de 400px de large ; sinon, l'image est affichée à 90 % de la largeur du document.

HTML

<img  src="/fr/docs/Web/HTML/Reference/Elements/img/clock-demo-400px.png"  alt="Horloge"  srcset="    /fr/docs/Web/HTML/Reference/Elements/img/clock-demo-200px.png 200w,    /fr/docs/Web/HTML/Reference/Elements/img/clock-demo-400px.png 400w  "  sizes="(width &lt;= 400px) 50%, 90%" />

JavaScript

const clockImage = document.querySelector("img");const p = document.createElement("p");p.textContent = clockImage.currentSrc.endsWith("200px.png")  ? "Image de 200px utilisée !"  : "Image de 400px utilisée.";document.body.appendChild(p);

Résultat

Spécifications

Compatibilité des navigateurs