☰

LibImgDown

WEBのダウンロードライブラリ

目前为 2025-03-06 提交的版本。查看 最新版本。

此脚本不应直接安装，它是一个供其他脚本使用的外部库。如果您需要使用该库，请在脚本元属性加入：// @require https://update.gf.qytechs.cn/scripts/528949/1548298/LibImgDown.js 

  1. /*
  2. * Dependencies:
  3.  
  4. * GM_info(optional)
  5. * Docs: https://violentmonkey.github.io/api/gm/#gm_info
  6.  
  7. * GM_xmlhttpRequest(optional)
  8. * Docs: https://violentmonkey.github.io/api/gm/#gm_xmlhttprequest
  9.  
  10. * JSZIP
  11. * Github: https://github.com/Stuk/jszip
  12. * CDN: https://unpkg.com/jszip@3.7.1/dist/jszip.min.js
  13.  
  14. * FileSaver
  15. * Github: https://github.com/eligrey/FileSaver.js
  16. * CDN: https://unpkg.com/file-saver@2.0.5/dist/FileSaver.min.js
  17. */
  18.  
  19. ;const ImageDownloader = (({ JSZip, saveAs }) => {
  20.   let maxNum = 0;
  21.   let promiseCount = 0;
  22.   let fulfillCount = 0;
  23.   let isErrorOccurred = false;
  24.   let createFolder = false;
  25.   let folderName = "images";
  26.   let zipFileName = "download.zip";
  27.  
  28.   // elements
  29.   let startNumInputElement = null;
  30.   let endNumInputElement = null;
  31.   let downloadButtonElement = null;
  32.   let panelElement = null;
  33.   let folderRadioYes = null;
  34.   let folderRadioNo = null;
  35.   let folderNameInput = null;
  36.   let zipFileNameInput = null;
  37.  
  38.   // svg icons
  39.   const externalLinkSVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentcolor" width="16" height="16"><path fill-rule="evenodd" d="M10.604 1h4.146a.25.25 0 01.25.25v4.146a.25.25 0 01-.427.177L13.03 4.03 9.28 7.78a.75.75 0 01-1.06-1.06l3.75-3.75-1.543-1.543A.25.25 0 0110.604 1zM3.75 2A1.75 1.75 0 002 3.75v8.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 12.25v-3.5a.75.75 0 00-1.5 0v3.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-8.5a.25.25 0 01.25-.25h3.5a.75.75 0 000-1.5h-3.5z"></path></svg>`;
  40.   const reloadSVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentcolor" width="16" height="16"><path fill-rule="evenodd" d="M8 2.5a5.487 5.487 0 00-4.131 1.869l1.204 1.204A.25.25 0 014.896 6H1.25A.25.25 0 011 5.75V2.104a.25.25 0 01.427-.177l1.38 1.38A7.001 7.001 0 0114.95 7.16a.75.75 0 11-1.49.178A5.501 5.501 0 008 2.5zM1.705 8.005a.75.75 0 01.834.656 5.501 5.501 0 009.592 2.97l-1.204-1.204a.25.25 0 01.177-.427h3.646a.25.25 0 01.25.25v3.646a.25.25 0 01-.427.177l-1.38-1.38A7.001 7.001 0 011.05 8.84a.75.75 0 01.656-.834z"></path></svg>`;
  41.  
  42.   // initialization
  43.   function init({
  44.     maxImageAmount,
  45.     getImagePromises,
  46.     title = `package_${Date.now()}`,
  47.       imageSuffix = 'jpg',
  48.       zipOptions = {},
  49.       positionOptions = {}
  50.   }) {
  51.     // assign value
  52.     maxNum = maxImageAmount;
  53.  
  54.     // setup UI
  55.     setupUI(positionOptions, title);
  56.  
  57.     // setup update notification
  58.     setupUpdateNotification();
  59.  
  60.     // add click event listener to download button
  61.     downloadButtonElement.onclick = function () {
  62.       if (!isOKToDownload()) return;
  63.  
  64.       this.disabled = true;
  65.       this.textContent = "Processing";
  66.       this.style.backgroundColor = '#aaa';
  67.       this.style.cursor = 'not-allowed';
  68.       download(getImagePromises, title, imageSuffix, zipOptions);
  69.     };
  70.   }
  71.  
  72.  
  73.   // setup UI
  74.   function setupUI(positionOptions, title) {
  75.     // common input element style
  76.     const inputElementStyle = `
  77.       box-sizing: content-box;
  78.       padding: 1px 2px;
  79.       width: 40%;
  80.       height: 26px;
  81.       border: 1px solid #aaa;
  82.       border-radius: 4px;
  83.       font-family: 'Consolas', 'Monaco', 'Microsoft YaHei';
  84.       text-align: center;
  85.     `;
  86.  
  87.     // create start number input element
  88.     startNumInputElement = document.createElement('input');
  89.     startNumInputElement.id = 'ImageDownloader-StartNumInput';
  90.     startNumInputElement.style = inputElementStyle;
  91.     startNumInputElement.type = 'text';
  92.     startNumInputElement.value = 1;
  93.  
  94.     // create end number input element
  95.     endNumInputElement = document.createElement('input');
  96.     endNumInputElement.id = 'ImageDownloader-EndNumInput';
  97.     endNumInputElement.style = inputElementStyle;
  98.     endNumInputElement.type = 'text';
  99.     endNumInputElement.value = maxNum;
  100.  
  101.     // prevent keyboard input from being blocked
  102.     startNumInputElement.onkeydown = (e) => e.stopPropagation();
  103.     endNumInputElement.onkeydown = (e) => e.stopPropagation();
  104.  
  105.     // create 'to' span element
  106.     const toSpanElement = document.createElement('span');
  107.     toSpanElement.id = 'ImageDownloader-ToSpan';
  108.     toSpanElement.textContent = 'to';
  109.     toSpanElement.style = `
  110.       margin: 0 6px;
  111.       color: black;
  112.       line-height: 1;
  113.       word-break: keep-all;
  114.       user-select: none;
  115.     `;
  116.  
  117.     // create download button element
  118.     downloadButtonElement = document.createElement('button');
  119.     downloadButtonElement.id = 'ImageDownloader-DownloadButton';
  120.     downloadButtonElement.textContent = 'Download';
  121.     downloadButtonElement.style = `
  122.       margin-top: 8px;
  123.       width: 128px;
  124.       height: 48px;
  125.       display: flex;
  126.       justify-content: center;
  127.       align-items: center;
  128.       font-size: 14px;
  129.       font-family: 'Consolas', 'Monaco', 'Microsoft YaHei';
  130.       color: #fff;
  131.       line-height: 1.2;
  132.       background-color: #0984e3;
  133.       border: none;
  134.       border-radius: 4px;
  135.       cursor: pointer;
  136.     `;
  137.  
  138.     // create range input container element
  139.     const rangeInputContainerElement = document.createElement('div');
  140.     rangeInputContainerElement.id = 'ImageDownloader-RangeInputContainer';
  141.     rangeInputContainerElement.style = `
  142.       display: flex;
  143.       justify-content: center;
  144.       align-items: baseline;
  145.     `;
  146.  
  147.     // create panel element
  148.     panelElement = document.createElement('div');
  149.     panelElement.id = 'ImageDownloader-Panel';
  150.     panelElement.style = `
  151.       position: fixed;
  152.       top: 72px;
  153.       left: 72px;
  154.       z-index: 999999999;
  155.       box-sizing: border-box;
  156.       padding: 8px;
  157.       width: 200px;
  158.       height: auto;
  159.       display: flex;
  160.       flex-direction: column;
  161.       justify-content: center;
  162.       align-items: baseline;
  163.       font-size: 14px;
  164.       font-family: 'Consolas', 'Monaco', 'Microsoft YaHei';
  165.       letter-spacing: normal;
  166.       background-color: #f1f1f1;
  167.       border: 1px solid #aaa;
  168.       border-radius: 4px;
  169.     `;
  170.  
  171.     // modify panel position according to 'positionOptions'
  172.     for (const [key, value] of Object.entries(positionOptions)) {
  173.       if (key === 'top' || key === 'bottom' || key === 'left' || key === 'right') {
  174.         panelElement.style[key] = value;
  175.       }
  176.     }
  177.  
  178.     // create folder radio buttons
  179.     folderRadioYes = document.createElement('input');
  180.     folderRadioYes.type = 'radio';
  181.     folderRadioYes.name = 'createFolder';
  182.     folderRadioYes.value = 'yes';
  183.     folderRadioYes.id = 'createFolderYes';
  184.  
  185.     folderRadioNo = document.createElement('input');
  186.     folderRadioNo.type = 'radio';
  187.     folderRadioNo.name = 'createFolder';
  188.     folderRadioNo.value = 'no';
  189.     folderRadioNo.id = 'createFolderNo';
  190.     folderRadioNo.checked = true;
  191.  
  192.     // フォルダ名入力欄の作成
  193.     folderNameInput = document.createElement('input');
  194.     folderNameInput.type = 'text';
  195.     folderNameInput.id = 'folderNameInput';
  196.     folderNameInput.value = title; // titleを初期値として使用
  197.     folderNameInput.disabled = true;
  198.     folderNameInput.style = inputElementStyle;
  199.  
  200.     // ZIPファイル名入力欄の作成
  201.     zipFileNameInput = document.createElement('input');
  202.     zipFileNameInput.type = 'text';
  203.     zipFileNameInput.id = 'zipFileNameInput';
  204.     zipFileNameInput.value = `${title}.zip`; // titleを使用してZIPファイル名を設定
  205.     zipFileNameInput.style = inputElementStyle;
  206.  
  207.     // add event listeners for radio buttons
  208.     folderRadioYes.addEventListener('change', () => {
  209.       createFolder = true;
  210.       folderNameInput.disabled = false;
  211.     });
  212.  
  213.     folderRadioNo.addEventListener('change', () => {
  214.       createFolder = false;
  215.       folderNameInput.disabled = true;
  216.     });
  217.  
  218.     // assemble and then insert into document
  219.     rangeInputContainerElement.appendChild(startNumInputElement);
  220.     rangeInputContainerElement.appendChild(toSpanElement);
  221.     rangeInputContainerElement.appendChild(endNumInputElement);
  222.     panelElement.appendChild(rangeInputContainerElement);
  223.     panelElement.appendChild(document.createElement('br'));
  224.     panelElement.appendChild(folderRadioYes);
  225.     panelElement.appendChild(document.createTextNode('フォルダを作成する'));
  226.     panelElement.appendChild(folderRadioNo);
  227.     panelElement.appendChild(document.createTextNode('フォルダを作成しない'));
  228.     panelElement.appendChild(document.createElement('br'));
  229.     panelElement.appendChild(document.createTextNode('フォルダ名: '));
  230.     panelElement.appendChild(folderNameInput);
  231.     panelElement.appendChild(document.createElement('br'));
  232.     panelElement.appendChild(document.createTextNode('ZIPファイル名: '));
  233.     panelElement.appendChild(zipFileNameInput);
  234.     panelElement.appendChild(document.createElement('br'));
  235.     panelElement.appendChild(downloadButtonElement);
  236.     document.body.appendChild(panelElement);
  237.   }
  238.  
  239.   // setup update notification
  240.   async function setupUpdateNotification() {
  241.     if (typeof GM_info === 'undefined' || typeof GM_xmlhttpRequest === 'undefined') return;
  242.  
  243.     // get local version
  244.     const localVersion = Number(GM_info.script.version);
  245.  
  246.     // get latest version
  247.     const scriptID = (GM_info.script.homepageURL || GM_info.script.homepage).match(/scripts\/(?<id>\d+)-/)?.groups?.id;
  248.     const scriptURL = `https://update.gf.qytechs.cn/scripts/${scriptID}/raw.js`;
  249.     const latestVersionString = await new Promise(resolve => {
  250.       GM_xmlhttpRequest({
  251.         method: 'GET',
  252.         url: scriptURL,
  253.         responseType: 'text',
  254.         onload: res => resolve(res.response.match(/@version\s+(?<version>[0-9\.]+)/)?.groups?.version)
  255.       });
  256.     });
  257.     const latestVersion = Number(latestVersionString);
  258.  
  259.     if (Number.isNaN(localVersion) || Number.isNaN(latestVersion)) return;
  260.     if (latestVersion <= localVersion) return;
  261.  
  262.     // show update notification
  263.     const updateLinkElement = document.createElement('a');
  264.     updateLinkElement.id = 'ImageDownloader-UpdateLink';
  265.     updateLinkElement.href = scriptURL.replace('raw.js', 'raw.user.js');
  266.     updateLinkElement.innerHTML = `Update to V${latestVersionString}${externalLinkSVG}`;
  267.     updateLinkElement.style = `
  268.       position: absolute;
  269.       bottom: -38px;
  270.       left: -1px;
  271.  
  272.       display: flex;
  273.       justify-content: space-around;
  274.       align-items: center;
  275.  
  276.       box-sizing: border-box;
  277.       padding: 8px;
  278.       width: 146px;
  279.       height: 32px;
  280.  
  281.       font-size: 14px;
  282.       font-family: 'Consolas', 'Monaco', 'Microsoft YaHei';
  283.       text-decoration: none;
  284.       color: white;
  285.  
  286.       background-color: #32CD32;
  287.       border-radius: 4px;
  288.     `;
  289.     updateLinkElement.onclick = () => setTimeout(() => {
  290.       updateLinkElement.removeAttribute('href');
  291.       updateLinkElement.innerHTML = `Please Reload${reloadSVG}`;
  292.       updateLinkElement.style.cursor = 'default';
  293.     }, 1000);
  294.  
  295.     panelElement.appendChild(updateLinkElement);
  296.   }
  297.  
  298.   // check validity of page nums from input
  299.   function isOKToDownload() {
  300.     const startNum = Number(startNumInputElement.value);
  301.     const endNum = Number(endNumInputElement.value);
  302.  
  303.     if (Number.isNaN(startNum) || Number.isNaN(endNum)) { alert("请正确输入数值\nPlease enter page number correctly."); return false; }
  304.     if (!Number.isInteger(startNum) || !Number.isInteger(endNum)) { alert("请正确输入数值\nPlease enter page number correctly."); return false; }
  305.     if (startNum < 1 || endNum < 1) { alert("页码的值不能小于1\nPage number should not smaller than 1."); return false; }
  306.     if (startNum > maxNum || endNum > maxNum) { alert(`页码的值不能大于${maxNum}\nPage number should not bigger than ${maxNum}.`); return false; }
  307.     if (startNum > endNum) { alert("起始页码的值不能大于终止页码的值\nNumber of start should not bigger than number of end."); return false; }
  308.  
  309.     return true;
  310.   }
  311.  
  312.   // start downloading
  313.   async function download(getImagePromises, title, imageSuffix, zipOptions) {
  314.     const startNum = Number(startNumInputElement.value);
  315.     const endNum = Number(endNumInputElement.value);
  316.     promiseCount = endNum - startNum + 1;
  317.     
  318.     // start downloading images, max amount of concurrent requests is limited to 4
  319.     let images = [];
  320.     for (let num = startNum; num <= endNum; num += 4) {
  321.       const from = num;
  322.       const to = Math.min(num + 3, endNum);
  323.       try {
  324.         const result = await Promise.all(getImagePromises(from, to));
  325.         images = images.concat(result);
  326.       } catch (error) {
  327.         return; // cancel downloading
  328.       }
  329.     }
  330.  
  331.     // configure file structure of zip archive
  332.     JSZip.defaults.date = new Date(Date.now() - (new Date()).getTimezoneOffset() * 60000);
  333.     const zip = new JSZip();
  334.     folderName = folderNameInput.value;
  335.     zipFileName = zipFileNameInput.value;
  336.  
  337.     folderName = folderName.trim()
  338.     folderName = folderName.replace(/[Ａ-Ｚａ-ｚ０-９]/g, function(s) {
  339.         return String.fromCharCode(s.charCodeAt(0) - 0xFEE0);
  340.     });
  341.     folderName = folderName.replace(/　/g, ' ');
  342.     folderName = folderName.replace(/[!?][!?]/g, '⁉');
  343.     folderName = folderName.replace(/[！＃＄％＆（）＋＊]/g, function(s) {
  344.         return '!#$%&()+*'['！＃＄％＆（）＋＊'.indexOf(s)];
  345.     });
  346.     folderName = folderName.replace(/[\\/:*?"<>|]/g, '-');
  347.  
  348.     zipFileName = zipFileName.trim()
  349.     zipFileName = zipFileName.replace(/[Ａ-Ｚａ-ｚ０-９]/g, function(s) {
  350.         return String.fromCharCode(s.charCodeAt(0) - 0xFEE0);
  351.     });
  352.     zipFileName = zipFileName.replace(/　/g, ' ');
  353.     zipFileName = zipFileName.replace(/[!?][!?]/g, '⁉');
  354.     zipFileName = zipFileName.replace(/[！＃＄％＆（）＋＊]/g, function(s) {
  355.         return '!#$%&()+*'['！＃＄％＆（）＋＊'.indexOf(s)];
  356.     });
  357.     zipFileName = zipFileName.replace(/[\\/:*?"<>|]/g, '-');
  358.  
  359.     if (createFolder) {
  360.       const folder = zip.folder(folderName);
  361.       for (const [index, image] of images.entries()) {
  362.         const filename = `${String(index + 1).padStart(images.length >= 100 ? String(images.length).length : 2, '0')}.${imageSuffix}`;
  363.         folder.file(filename, image, zipOptions);
  364.       }
  365.     } else {
  366.       for (const [index, image] of images.entries()) {
  367.         const filename = `${String(index + 1).padStart(images.length >= 100 ? String(images.length).length : 2, '0')}.${imageSuffix}`;
  368.         zip.file(filename, image, zipOptions);
  369.       }
  370.     }
  371.  
  372.     // start zipping & show progress
  373.     const zipProgressHandler = (metadata) => { downloadButtonElement.innerHTML = `Zipping(${metadata.percent.toFixed()}%)`; };
  374.     const content = await zip.generateAsync({ type: "blob" }, zipProgressHandler);
  375.     
  376.     // open 'Save As' window to save
  377.     saveAs(content, zipFileName);
  378.     
  379.     // all completed
  380.     downloadButtonElement.textContent = "Completed";
  381.   }
  382.  
  383.   // handle promise fulfilled
  384.   function fulfillHandler(res) {
  385.     if (!isErrorOccurred) {
  386.       fulfillCount++;
  387.       downloadButtonElement.innerHTML = `Processing(${fulfillCount}/${promiseCount})`;
  388.     }
  389.     return res;
  390.   }
  391.  
  392.   // handle promise rejected
  393.   function rejectHandler(err) {
  394.     isErrorOccurred = true;
  395.     console.error(err);
  396.     downloadButtonElement.textContent = 'Error Occurred';
  397.     downloadButtonElement.style.backgroundColor = 'red';
  398.     return Promise.reject(err);
  399.   }
  400.  
  401.   return { init, fulfillHandler, rejectHandler };
  402. })(window);

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址