Rileva srcset usato o fonte tag foto con JavaScript

Question

Quando si utilizza srcset come questo:

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

o utilizzando un tag foto come questa:

<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> 

E 'possibile scoprire che cosa URL che il browser ha deciso di utilizzare? Controllare l'attributo src del tag <img> non indica effettivamente quale immagine è stata caricata.

(Scusate se questo è un duplicato. Non riesco a trovare la soluzione a questo ovunque.)

Answer 1

È possibile utilizzare currentSrc in almeno alcuni browser, (anche se non so che.)

document.getElementById('myImage').currentSrc; 

Oppure ...

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

Answer 2

Ciò non è possibile in questo momento, per quanto ne sono a conoscenza. Inserisco uno use case/feature request ("3.10 Gestione dello scambio di origine tra punti di interruzione") per qualcosa di quasi identico a questo per il RICG. Quindi spero che sia ancora in cantiere. Ma sfortunatamente non è qualcosa a cui si può accedere al momento.