Download multiple images with NodeJS/Puppeteer

Question

I'm using Puppeteer to download images from a website. For now it works well for a single image but I need it to deal with all images inside that div.item-wrapper. How it can be done?

let imagefile = await page.evaluate(async () => {
    let imagefile
    try {
        imagefile = document.querySelector('div.item-wrapper img').src
    } catch(e) {
        imagefile = null
    }

    return imagefile
})

var imagefileDL = await page.goto(imagefile);
fs.writeFile('./uploads/' + imagefile.replace(/^.*[\\\/]/, ''), await imagefileDL.buffer(), function(err) {
    if(err) {
        return console.log(err);
    }

    console.log("The file was saved!");
});

Research: 1) how to get several elements from DOM 2) get those URLs 3) then with those URLs, do something like this: https://stackoverflow.com/a/51624229/2715393 — Vaviloff, Aug 20 '20 at 13:36

score 1 · Answer 1 · answered Aug 20 '20 at 16:17

You can try something like this:

let imagefiles = await page.evaluate(() =>
    Array.from(
      document.querySelectorAll('div.item-wrapper img'),
      img => img.src
    )
);

for (const imagefile of imagefiles) {
  const imagefileDL = await page.goto(imagefile);
  fs.writeFile('./uploads/' + imagefile.replace(/^.*[\\\/]/, ''), await imagefileDL.buffer(), function(err) {
      if(err) {
          return console.log(err);
      }

      console.log("The file was saved!");
  });
}

Download multiple images with NodeJS/Puppeteer

1 Answers1

Linked