files/en-us/web/api/htmlimageelement/currentsrc/index.md
{{APIRef("HTML DOM")}}
The currentSrc read-only property of the {{domxref("HTMLImageElement")}} interface indicates the URL of the image selected by the browser to load.
A string indicating the full URL of the image currently selected by the browser to load. If the image uses the {{domxref("HTMLImageElement.srcset", "srcset")}} attribute, currentSrc lets you determine which image from the set of provided images was selected by the browser. The property's value is unrelated to whether the image has successfully loaded or not.
In this example, two different sizes are provided for an image of a clock. One is 200px wide and the other is 400px wide. The sizes attribute is provided to indicate that the image should be drawn at 50% of the document width if the viewport is under 400px wide; otherwise, the image is drawn at 90% width of the document.
const clockImage = document.querySelector("img");
const p = document.createElement("p");
p.textContent = clockImage.currentSrc.endsWith("200px.png")
? "Using the 200px image!"
: "Using the 400px image.";
document.body.appendChild(p);
{{EmbedLiveSample("Testing which image is loaded", 640, 370)}}
{{Specifications}}
{{Compat}}