Загрузка...

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

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

Загрузка...
  1. Mananeymon
    Mananeymon Автор темы 14 апр 2025 1 6 ноя 2024
    Здравствуйте, наверно тупой вопрос, но все равно задам. Есть файл html, внутри него много картинок. Есть ли способ как вытащить все эти картинки, без клика на каждого и сохранения по отдельности?
     
  2. Y4sperMaglot
    с помощью querySelector находишь теги img и всё у тебя массив элементов img, можешь вытащить из каждого ссылку на картинку например с помощью forEach
     
    1. Посмотреть предыдущие комментарии (27)
    2. Y4sperMaglot
      Mananeymon, скинь ссылку на страницу откуда картинки парсишь
    3. Mananeymon Автор темы
      14 апр 2025 Изменено
    4. Y4sperMaglot
      Mananeymon,
      JS
      (function() {
      const imgTags = Array.from(document.querySelectorAll('img'))
      .map(img => img.src);
      console.log(imgTags);
      })();
      вот это выполни в консоли и пришли мне всё скопировав, можешь в тг
  3. ezbooz
    ezbooz 14 апр 2025 991 29 мар 2018
    1. Апатия
      ezbooz, такие расширения не работают в html файлах
    2. Mananeymon Автор темы
      ezbooz, минус, не работает
  4. Апатия
    Апатия 14 апр 2025 444 979 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