Detect używane srcset lub obraz źródła zmiennych z JavaScript

Question

Kiedy używasz srcset tak:

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

lub za pomocą znacznika obrazu tak:

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

to możliwe, aby dowiedzieć się, co Adres URL, którego przeglądarka zdecydowała się użyć? Sprawdzanie atrybutu src samego znacznika <img> nie mówi, który obraz został załadowany.

(Przepraszam, jeśli jest to duplikat. Nie mogę znaleźć rozwiązanie tego wszędzie.)

Answer 1

Można użyć currentSrc przynajmniej w niektórych przeglądarkach, (choć nie wiem które.)

document.getElementById('myImage').currentSrc; 

Albo ...

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

Answer 2

nie jest to możliwe w tej chwili, o ile jestem świadomy. Umieściłem use case/feature request ("3.10 Zarządzanie źródłem zamiany między punktami przerwania") na coś prawie identycznego z tym do RICG. Mam więc nadzieję, że nadal jest w przygotowaniu. Ale niestety nie jest to coś, co można uzyskać w tej chwili.