Как узнать, какое изображение загружено?

Stack Overflow на русском Asked by insanus on January 4, 2021

Есть такая конструкция:

<picture>
  <source srcset="mdn-logo.svg" type="image/svg+xml">
  <img src="mdn-logo.png" alt="MDN">
</picture>

Как узнать, с помощью JS, какая из картинок активна?

css html5 javascript

One Answer

Думаю, что в вашем случае поможет свойство currentSrc :

let oImg = document.querySelector('img');
oImg.onload = function() { console.log( this.currentSrc ); }
oImg.onerror = function() { console.log( 'Изображение недоступно.' ); }

<picture>
  <source srcset="https://www.w3.org/html/logo/downloads/HTML5_Badge.svg" type="image/svg+xml">
  <img src="https://www.w3.org/html/logo/downloads/HTML5_Badge_512.png" alt="MDN">
</picture>

Correct answer by UModeL on January 4, 2021

Add your own answers!

Ask a Question

Get help from others!