mit JavaScript

Question

Wenn Sie verwenden srcset wie folgt aus:

<img src="example-src.jpg" srcset="example-1x.jpg 1x, example-2x.jpg 2x" /> 

oder mit einem Bild-Tag wie folgt:

<picture> 
    <source media="(min-width: 64em)" src="high-res.jpg"> 
    <source media="(min-width: 37.5em)" src="med-res.jpg"> 
    <source src="low-res.jpg"> 
    <img src="fallback.jpg" /> 
</picture> 

Ist es möglich, herauszufinden, was URL, die der Browser verwendet hat? Wenn Sie das src-Attribut des Tags <img> selbst überprüfen, wissen Sie nicht, welches Bild geladen wurde.

(Sorry, wenn dies ein Duplikat ist. Ich kann nicht die Lösung für dieses überall finden.)

Answer 1

Sie können currentSrc verwenden zumindest in einigen Browsern, (obwohl ich weiß nicht, welche.)

document.getElementById('myImage').currentSrc; 

Oder ...

jQuery('#myImage').prop('currentSrc'); 

Answer 2

Dies ist im Moment nicht möglich ist, soweit mir bekannt ist. Ich habe eine use case/feature request ("3.10 Source Swapping zwischen Haltepunkten verwalten") für etwas fast identisch mit dem RICG. Ich hoffe, es ist noch in der Pipeline. Aber leider ist es im Moment nicht zugänglich.