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

Question

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

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

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

Answer 1

Думаю, что в вашем случае поможет свойство 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>

БЛОГ НА HUSL

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

Ответы (1 шт):