Download all images from a webpage

downloadimages.js

const images = Array.from(document.querySelectorAll('img'));
const imageFormat = 'png';

const imgToDataUrl = (img)=>{
  const canvas = document.createElement('canvas');
  const context = canvas.getContext('2d');
  canvas.height = img.naturalHeight;
  canvas.width = img.naturalWidth;
  context.drawImage(img, 0, 0);
  const dataURL = canvas.toDataURL(`image/${imageFormat}`);
  return dataURL;
};

const downloadDataUrl = (name, dataUrl)=>{
  const link = document.createElement('a');
  link.download = name;
  link.href = dataUrl.replace(`image/${imageFormat}`, `image/octet-stream`);
  link.click();
};

images.forEach((img, i)=>{
  const dataUrl = imgToDataUrl(img);
  const fn = `image ${i}.${imageFormat}`;
  downloadDataUrl(fn, dataUrl);
});