Извлечение картинок с файла HTML

с помощью querySelector находишь теги img и всё у тебя массив элементов img, можешь вытащить из каждого ссылку на картинку например с помощью forEach

 

https://chromewebstore.google.com/detail/%D1%81%D0%BA%D0%B0%D1%87%D0%B0%D1%82%D1%8C-%D1%84%D0%BE%D1%82%D0%BE-%D0%B8-%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8-%D1%81/nhcdofaefcpfaoefffopanopapnekhca

1 кнопкой все картинки качаются

 

(function() {
const imageExtensions = ['.jpg', '.jpeg', '.png', '.gif', '.webp', '.bmp', '.svg', '.tiff'];

const imgTags = Array.from(document.querySelectorAll('img'))
.map(img => img.src);

const aTags = Array.from(document.querySelectorAll('a'))
.map(a => a.href)
.filter(href => imageExtensions.some(ext => href.toLowerCase().includes(ext)));

const allImageLinks = Array.from(new Set([...imgTags, ...aTags]));

console.log('links:', allImageLinks.length);
console.log(allImageLinks);
})();

JS

(function() {

  const imageExtensions = ['.jpg', '.jpeg', '.png', '.gif', '.webp', '.bmp', '.svg', '.tiff'];

 

  const imgTags = Array.from(document.querySelectorAll('img'))

    .map(img => img.src);



  const aTags = Array.from(document.querySelectorAll('a'))

    .map(a => a.href)

    .filter(href => imageExtensions.some(ext => href.toLowerCase().includes(ext)));



  const allImageLinks = Array.from(new Set([...imgTags, ...aTags]));



  console.log('links:', allImageLinks.length);

  console.log(allImageLinks);

})();

Ну вообще что то типо такого, как все скачать по ссылкам я уж надеюсь поймешь?