Получите img currentSrc из srcset перед загрузкой образа - PullRequest
1 голос
/ 11 июля 2019

Я пишу предварительный загрузчик изображений для Vue.js.Я намерен работать так: очистить DOM для любых элементов img и получить их атрибут currentSrc перед циклом и предварительной загрузкой каждого из изображений.

Рассмотрим следующий базовый пример:

const images = [];

window.addEventListener('DOMContentLoaded', () => {

    // Scrape the DOM for any images
    document.querySelectorAll('img').forEach(item => {

        images.push(item.currentSrc);

    });

    // Run the preload script...
    preload(images);

});

Проблема

Проблема описанного выше метода заключается в том, что элементы img еще не решили, на чем основан currentSrc srcset.

Есть ли способ или событие для прослушивания, чтобы иметь возможность получить доступ к currentSrc до того, как изображение будет действительно загружено?

Примечание - window.load не подходит, потому что он ждет, пока изображения загрузятся

На самом деле я не верю, что это возможно, и в этом случае мне придется написать несколько JS для интерпретации srcset и sizes атрибут img элементов для определения ожидаемого currentSrc.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...