Enable DevTools based download for StableDiffusion web-ui

sdwebui-download.js

// Stable Diffusion WebUI Javascript plugin
// Rei_Fan49 (c) 2022
// MIT License.

window.addEventListener('DOMContentLoaded', function(){
  const sources = [
    'https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js',
    'https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js',
  ];
  sources.forEach(function(src){
    const script = document.createElement('script');
    script.src = src;
    document.body.appendChild(script);
  });
});

function downloadAllImages(){
  const images = gradioApp().querySelectorAll('div:not(.grid) > button.gallery-item > img');
  const imageData = [];
  const ctime = Math.floor((new Date()).getTime() / 1000);
  images.forEach(function(imgElm){
    const data = {};
    data.img = imgElm.src.split(',').pop();
    const rawData = atob(data.img);
    [
      ['seed', /seed[:]\s(\d+)/i],
    ].forEach(function(_){
      const k = _[0];
      const gex = _[1];
      data[k] = gex.test(rawData) ? gex.exec(rawData)[1] : 'n';
    });
    imageData.push(data);
  });
  
  const zipName = `${ctime}.zip`;
  const zipData = new JSZip();
  const padSize = Math.max(4, String(imageData.length).length);
  const padStr  = function(data) { return '0'.repeat(Math.max(0, padSize - String(data).length)) + String(data); };
  imageData.forEach(function(data, index) {
    const padIndex = padStr(index);
    zipData.file(
      `${ctime}.${padIndex}.${data.seed}.png`,
      data.img,
      {base64: true},
    );
  });
  zipData.generateAsync({type: 'blob'}).then(content => saveAs(content, zipName));
}

sdwebui-download.min.js

// Stable Diffusion WebUI Javascript plugin
// Rei_Fan49 (c) 2022
// MIT License.

window.addEventListener('DOMContentLoaded', function(){ const sources = [ 'https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js', 'https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js']; sources.forEach(function(src){ const script = document.createElement('script'); script.src = src; document.body.appendChild(script);});});
function downloadAllImages(){ const images = gradioApp().querySelectorAll('div:not(.grid) > button.gallery-item > img'); const imageData = []; const ctime = Math.floor((new Date()).getTime() / 1000); images.forEach(function(imgElm){ const data = {}; data.img = imgElm.src.split(',').pop(); const rawData = atob(data.img); [['seed', /seed[:]\s(\d+)/i] ].forEach(function(_){ const k = _[0]; const gex = _[1]; data[k] = gex.test(rawData) ? gex.exec(rawData)[1] : 'n';});imageData.push(data);});const zipName = `${ctime}.zip`; const zipData = new JSZip(); const padSize = Math.max(4, String(imageData.length).length); const padStr  = function(data) { return '0'.repeat(Math.max(0, padSize - String(data).length)) + String(data); }; imageData.forEach(function(data, index) { const padIndex = padStr(index); zipData.file( `${ctime}.${padIndex}.${data.seed}.png`, data.img, {base64: true});});zipData.generateAsync({type: 'blob'}).then(content => saveAs(content, zipName));}

• Revised from snippet only to pluggable javascript code.
• Put data seed into filename as well.