Загрузка...

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

Тема в разделе Frontend создана пользователем Mananeymon 14 апр 2025. 299 просмотров

  1. Mananeymon
    Mananeymon Автор темы 14 апр 2025 1 6 ноя 2024
    Здравствуйте, наверно тупой вопрос, но все равно задам. Есть файл html, внутри него много картинок. Есть ли способ как вытащить все эти картинки, без клика на каждого и сохранения по отдельности?
     
  2. Y4sperMaglot
    с помощью querySelector находишь теги img и всё у тебя массив элементов img, можешь вытащить из каждого ссылку на картинку например с помощью forEach
     
    1. Посмотреть предыдущие комментарии (17)
    2. Mananeymon Автор темы
      Y4sperMaglot, Если смотреть на порядок фоток, они идут по порядку. Но в маленьких картинках. Сейчас я посмотрю повторяются ли фотки. Мб на одну картинку две ссылки с разными размерами
    3. Mananeymon Автор темы
    4. Y4sperMaglot
      Mananeymon, ну тогда либо большая картинка подгружается при нажатии на мелкую картинку (типа на аву или чет такое), либо картинка имеет тег не img
    5. Посмотреть следующие комментарии (10)
  3. ezbooz
    ezbooz 14 апр 2025 997 29 мар 2018
    1. Апатия
      ezbooz, такие расширения не работают в html файлах
    2. Mananeymon Автор темы
      ezbooz, минус, не работает
  4. Апатия
    Апатия 14 апр 2025 444 1229 15 июн 2021
    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);
    })();
    Ну вообще что то типо такого, как все скачать по ссылкам я уж надеюсь поймешь?
     
Top
Загрузка...