Я пишу предварительный загрузчик изображений для 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
.