☰

LibImgDown

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

此脚本不应直接安装，它是一个供其他脚本使用的外部库。如果您需要使用该库，请在脚本元属性加入：// @require https://update.gf.qytechs.cn/scripts/528949/1561124/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. const ImageDownloader = (({ JSZip, saveAs }) => {
  19.     // 変数の宣言
  20.     let maxNum = 0;
  21.     let promiseCount = 0;
  22.     let fulfillCount = 0;
  23.     let isErrorOccurred = false;
  24.     let createFolder = false;
  25.     let zip = null; // ZIPオブジェクトの初期化
  26.  
  27.     // elements
  28.     let startNumInputElement = null;
  29.     let endNumInputElement = null;
  30.     let downloadButtonElement = null;
  31.     let panelElement = null;
  32.     let folderRadioYes = null;
  33.     let folderRadioNo = null;
  34.     let folderNameInput = null;
  35.     let zipFileNameInput = null;
  36.  
  37.     // 初期化関数
  38.     function init({
  39.         maxImageAmount,
  40.         getImagePromises,
  41.         title = `package_${Date.now()}`,
  42.         WidthText = 0,
  43.         HeightText = 0,
  44.         imageSuffix = 'jpg',
  45.         zipOptions = {},
  46.     }) {
  47.         // 値を割り当てる
  48.         maxNum = maxImageAmount;
  49.         // UIをセットアップする
  50.         setupUI(title, WidthText, HeightText);
  51.         // ダウンロードボタンにクリックイベントリスナーを追加
  52.         downloadButtonElement.onclick = function () {
  53.             if (!isOKToDownload()) return;
  54.  
  55.             this.disabled = true;
  56.             this.textContent = '処理中'; // Processing → 処理中
  57.             this.style.backgroundColor = '#aaa';
  58.             this.style.cursor = 'not-allowed';
  59.  
  60.             download(getImagePromises, title, imageSuffix, zipOptions);
  61.         };
  62.     }
  63.  
  64.     // スタイルを定義
  65.     const style = document.createElement('style');
  66.     style.textContent = `
  67.     .input-element {
  68.         box-sizing: content-box;
  69.         padding: 1px 1px;
  70.         width: 34px;
  71.         height: 26px;
  72.         border: 1px solid #aaa;
  73.         border-radius: 4px;
  74.         font-family: 'Consolas', 'Monaco';
  75.         font-size: 14px;
  76.         text-align: center;
  77.     }
  78.     .button-element {
  79.         margin-top: 8px;
  80.         margin-left: auto;
  81.         width: 128px;
  82.         height: 48px;
  83.         padding: 5px 5px;
  84.         display: block;
  85.         justify-content: center;
  86.         align-items: center;
  87.         font-size: 14px;
  88.         font-family: 'BIZ UDPゴシック', 'Arial';
  89.         color: #fff;
  90.         line-height: 1.2;
  91.         background-color: #0984e3;
  92.         border: 3px solidrgb(0, 0, 0);
  93.         border-radius: 4px;
  94.         cursor: pointer;
  95.     }
  96.     .toggle-button {
  97.         position: fixed;
  98.         top: 45px;
  99.         left: 5px;
  100.         z-index: 999999999;
  101.         padding: 2px 5px;
  102.         font-size: 14px;
  103.         font-weight: bold;
  104.         font-family: 'Monaco', 'Microsoft YaHei';
  105.         color: #fff;
  106.         background-color: #000000;
  107.         border: 1px solid #aaa;
  108.         border-radius: 4px;
  109.         cursor: pointer;
  110.     }
  111.     .panel-element {
  112.         position: fixed;
  113.         top: 80px;
  114.         left: 20px;
  115.         z-index: 999999999;
  116.         box-sizing: border-box;
  117.         padding: 0px;
  118.         width: 650px;
  119.         height: auto;
  120.         display: none;
  121.         flex-direction: column;
  122.         justify-content: center;
  123.         align-items: baseline;
  124.         font-size: 14px;
  125.         font-family: 'Consolas', 'Monaco', 'Microsoft YaHei';
  126.         letter-spacing: normal;
  127.         background-color: #f1f1f1;
  128.         border: 1px solid #aaa;
  129.         border-radius: 4px;
  130.     }
  131.     .range-container, .radio-container {
  132.         display: flex;
  133.         justify-content: center;
  134.         align-items: baseline;
  135.     }
  136.     .textarea-element {
  137.         box-sizing: content-box;
  138.         padding: 1px 0px;
  139.         width: 99%;
  140.         min-height: 45px;
  141.         max-height: 200px;
  142.         border: 1px solid #aaa;
  143.         border-radius: 1px;
  144.         font-size: 11px;
  145.         font-family: 'Consolas', 'Monaco', 'Microsoft YaHei';
  146.         text-align: left;
  147.         resize: vertical;
  148.         height: auto;
  149.     }
  150.     .to-span {
  151.         margin: 0 6px;
  152.         color: black;
  153.         line-height: 1;
  154.         word-break: keep-all;
  155.         user-select: none;
  156.     }
  157.     `;
  158.     document.head.appendChild(style);
  159.  
  160.     // UIセットアップ関数
  161.     function setupUI(title, WidthText, HeightText) {
  162.         title = sanitizeFileName(title);
  163.  
  164.         // トグルボタンの作成
  165.         const toggleButton = document.createElement('button');
  166.         toggleButton.id = 'ImageDownloader-ToggleButton';
  167.         toggleButton.className = 'toggle-button';
  168.         toggleButton.textContent = 'UI OPEN';
  169.         document.body.appendChild(toggleButton);
  170.         let isUIVisible = false; // 初期状態を非表示に設定
  171.         function toggleUI() {
  172.             if (isUIVisible) {
  173.                 panelElement.style.display = 'none';
  174.                 toggleButton.textContent = 'UI OPEN';
  175.             } else {
  176.                 panelElement.style.display = 'flex';
  177.                 toggleButton.textContent = 'UI CLOSE';
  178.             }
  179.             isUIVisible = !isUIVisible;
  180.         }
  181.         toggleButton.addEventListener('click', toggleUI);
  182.  
  183.         // パネル要素の作成
  184.         panelElement = document.createElement('div');
  185.         panelElement.id = 'ImageDownloader-Panel';
  186.         panelElement.className = 'panel-element';
  187.  
  188.         // 開始番号入力欄の作成
  189.         startNumInputElement = document.createElement('input');
  190.         startNumInputElement.id = 'ImageDownloader-StartNumInput';
  191.         startNumInputElement.className = 'input-element';
  192.         startNumInputElement.type = 'text';
  193.         startNumInputElement.value = 1;
  194.  
  195.         // 終了番号入力欄の作成
  196.         endNumInputElement = document.createElement('input');
  197.         endNumInputElement.id = 'ImageDownloader-EndNumInput';
  198.         endNumInputElement.className = 'input-element';
  199.         endNumInputElement.type = 'text';
  200.         endNumInputElement.value = maxNum;
  201.  
  202.         // キーボード入力がブロックされないようにする
  203.         startNumInputElement.onkeydown = (e) => e.stopPropagation();
  204.         endNumInputElement.onkeydown = (e) => e.stopPropagation();
  205.  
  206.         // 「to」スパン要素の作成
  207.         const toSpanElement = document.createElement('span');
  208.         toSpanElement.id = 'ImageDownloader-ToSpan';
  209.         toSpanElement.className = 'to-span';
  210.         toSpanElement.textContent = 'から'; // to → から
  211.  
  212.         // ダウンロードボタン要素の作成
  213.         downloadButtonElement = document.createElement('button');
  214.         downloadButtonElement.id = 'ImageDownloader-DownloadButton';
  215.         downloadButtonElement.className = 'button-element';
  216.         downloadButtonElement.textContent = 'ダウンロード'; // Download → ダウンロード
  217.  
  218.         // 範囲入力コンテナ要素の作成
  219.         const rangeInputContainerElement = document.createElement('div');
  220.         rangeInputContainerElement.id = 'ImageDownloader-RangeInputContainer';
  221.         rangeInputContainerElement.className = 'range-container';
  222.  
  223.         // ラジオボタンコンテナ要素の作成
  224.         const rangeInputRadioElement = document.createElement('div');
  225.         rangeInputRadioElement.id = 'ImageDownloader-RadioChecker';
  226.         rangeInputRadioElement.className = 'radio-container';
  227.  
  228.         // ラジオボタンを作成(フォルダ選択用'YES')
  229.         folderRadioYes = document.createElement('input');
  230.         folderRadioYes.type = 'radio';
  231.         folderRadioYes.name = 'createFolder';
  232.         folderRadioYes.value = 'yes';
  233.         folderRadioYes.id = 'createFolderYes';
  234.  
  235.         // ラジオボタンを作成(フォルダ選択用'No')
  236.         folderRadioNo = document.createElement('input');
  237.         folderRadioNo.type = 'radio';
  238.         folderRadioNo.name = 'createFolder';
  239.         folderRadioNo.value = 'no';
  240.         folderRadioNo.id = 'createFolderNo';
  241.         folderRadioNo.checked = true;
  242.  
  243.         // フォルダ名入力欄の作成
  244.         folderNameInput = document.createElement('textarea');
  245.         folderNameInput.id = 'folderNameInput';
  246.         folderNameInput.className = 'textarea-element';
  247.         folderNameInput.value = title; // 初期値としてタイトルを使用
  248.         folderNameInput.disabled = true;
  249.  
  250.         // ZIPファイル名入力欄の作成
  251.         zipFileNameInput = document.createElement('textarea');
  252.         zipFileNameInput.id = 'zipFileNameInput';
  253.         zipFileNameInput.className = 'textarea-element';
  254.         zipFileNameInput.value = `${title}.zip`; // titleを使用してZIPファイル名を設定
  255.  
  256.         // ラジオボタンのイベントリスナーを追加
  257.         folderRadioYes.addEventListener('change', () => {
  258.             createFolder = true;
  259.             folderNameInput.disabled = false; // フォルダ名入力欄を有効化
  260.         });
  261.         folderRadioNo.addEventListener('change', () => {
  262.             createFolder = false;
  263.             folderNameInput.disabled = true; // フォルダ名入力欄を無効化
  264.         });
  265.  
  266.         // 組み立ててドキュメントに挿入
  267.         rangeInputContainerElement.appendChild(document.createTextNode('ページ取得範囲:'));
  268.         rangeInputContainerElement.appendChild(startNumInputElement);
  269.         rangeInputContainerElement.appendChild(toSpanElement);
  270.         rangeInputContainerElement.appendChild(endNumInputElement);
  271.         panelElement.appendChild(rangeInputContainerElement);
  272.         rangeInputRadioElement.appendChild(document.createTextNode('フォルダ作成:'));
  273.         rangeInputRadioElement.appendChild(folderRadioYes);
  274.         rangeInputRadioElement.appendChild(document.createTextNode('する '));
  275.         rangeInputRadioElement.appendChild(folderRadioNo);
  276.         rangeInputRadioElement.appendChild(document.createTextNode('しない'));
  277.         panelElement.appendChild(rangeInputRadioElement);
  278.         panelElement.appendChild(document.createTextNode('フォルダ名: '));
  279.         panelElement.appendChild(folderNameInput);
  280.         panelElement.appendChild(document.createTextNode('ZIPファイル名: '));
  281.         panelElement.appendChild(zipFileNameInput);
  282.         // サイズ情報の追加（条件付き）
  283.         if (WidthText > 0 && HeightText > 0) {
  284.             panelElement.appendChild(
  285.                 document.createTextNode(` サイズ: ${WidthText} x ${HeightText}`)
  286.             );
  287.         }
  288.         panelElement.appendChild(downloadButtonElement);
  289.         document.body.appendChild(panelElement);
  290.     }
  291.  
  292.     // ページ番号が正しいか確認する関数
  293.     function isOKToDownload() {
  294.         const startNum = Number(startNumInputElement.value);
  295.         const endNum = Number(endNumInputElement.value);
  296.  
  297.         if (Number.isNaN(startNum) || Number.isNaN(endNum)) {
  298.             alert('正しい値を入力してください。\nPlease enter page numbers correctly.');
  299.             return false;
  300.         }
  301.         if (!Number.isInteger(startNum) || !Number.isInteger(endNum)) {
  302.             alert('ページ番号は整数である必要があります。\nPage numbers must be integers.');
  303.             return false;
  304.         }
  305.         if (startNum < 1 || endNum < 1) {
  306.             alert(
  307.                 'ページ番号は1以上である必要があります。\nPage numbers must be greater than or equal to 1.'
  308.             );
  309.             return false;
  310.         }
  311.         if (startNum > maxNum || endNum > maxNum) {
  312.             alert(
  313.                 `ページ番号は最大値(${maxNum})以下である必要があります。\nPage numbers must not exceed ${maxNum}.`
  314.             );
  315.             return false;
  316.         }
  317.         if (startNum > endNum) {
  318.             alert(
  319.                 '開始ページ番号は終了ページ番号以下である必要があります。\nStart page number must not exceed end page number.'
  320.             );
  321.             return false;
  322.         }
  323.  
  324.         return true; // 全ての条件が満たされている場合、trueを返す
  325.     }
  326.  
  327.     // ダウンロード処理の開始
  328.     async function download(getImagePromises, title, imageSuffix, zipOptions) {
  329.         const startNum = Number(startNumInputElement.value);
  330.         const endNum = Number(endNumInputElement.value);
  331.         promiseCount = endNum - startNum + 1;
  332.         // 画像のダウンロードを開始、同時リクエスト数の上限は4
  333.         let images = [];
  334.         for (let num = startNum; num <= endNum; num += 4) {
  335.             const from = num;
  336.             const to = Math.min(num + 3, endNum);
  337.             try {
  338.                 const result = await Promise.all(getImagePromises(from, to));
  339.                 images = images.concat(result);
  340.             } catch (error) {
  341.                 return; // cancel downloading
  342.             }
  343.         }
  344.  
  345.         // ZIPアーカイブのファイル構造を設定
  346.         JSZip.defaults.date = new Date(Date.now() - new Date().getTimezoneOffset() * 60000);
  347.         zip = new JSZip();
  348.         const { folderName, zipFileName } = sanitizeInputs(folderNameInput, zipFileNameInput);
  349.         if (createFolder) {
  350.             const folder = zip.folder(folderName);
  351.             for (const [index, image] of images.entries()) {
  352.                 const filename = `${String(index + 1).padStart(3, '0')}.${imageSuffix}`;
  353.                 folder.file(filename, image, zipOptions);
  354.             }
  355.         } else {
  356.             for (const [index, image] of images.entries()) {
  357.                 const filename = `${String(index + 1).padStart(3, '0')}.${imageSuffix}`;
  358.                 zip.file(filename, image, zipOptions);
  359.             }
  360.         }
  361.  
  362.         // ZIP化を開始し、進捗状況を表示
  363.         const zipProgressHandler = (metadata) => {
  364.             downloadButtonElement.innerHTML = `ZIP書庫作成中(${metadata.percent.toFixed()}%)`;
  365.         };
  366.         const content = await zip.generateAsync({ type: 'blob' }, zipProgressHandler);
  367.         // 「名前を付けて保存」ウィンドウを開く
  368.         saveAs(content, zipFileName);
  369.         // 全て完了
  370.         downloadButtonElement.textContent = '完了しました'; // Completed → 完了しました
  371.     }
  372.  
  373.     // ファイル名整形用の関数
  374.     function sanitizeFileName(str) {
  375.         return (
  376.             str
  377.                 .trim()
  378.                 // 全角英数字を半角に変換
  379.                 .replace(/[Ａ-Ｚａ-ｚ０-９]/g, (s) => String.fromCharCode(s.charCodeAt(0) - 0xfee0))
  380.                 // 連続する空白（全角含む）を半角スペース1つに統一
  381.                 .replace(/[\s\u3000]+/g, ' ')
  382.                 // 「!?」または「?!」を「⁉」に置換
  383.                 .replace(/[!?][!?]/g, '⁉')
  384.                 // 特定の全角記号を対応する半角記号に変換
  385.                 .replace(/[！＃＄％＆’，．（）＋－＝＠＾＿｛｝]/g, (s) => {
  386.                     const from = '！＃＄％＆’，．（）＋－＝＠＾＿｛｝';
  387.                     const to = "!#$%&',.()+-=@^_{}";
  388.                     return to[from.indexOf(s)];
  389.                 })
  390.                 // ファイル名に使えない文字をハイフンに置換
  391.                 .replace(/[\\/:*?"<>|]/g, '-')
  392.         );
  393.     }
  394.  
  395.     // folderNameとzipFileNameの整形処理関数
  396.     function sanitizeInputs(folderNameInput, zipFileNameInput) {
  397.         const folderName = sanitizeFileName(folderNameInput.value);
  398.         const zipFileName = sanitizeFileName(zipFileNameInput.value);
  399.         return { folderName, zipFileName };
  400.     }
  401.  
  402.     // プロミスが成功した場合の処理
  403.     function fulfillHandler(res) {
  404.         if (!isErrorOccurred) {
  405.             fulfillCount++;
  406.             downloadButtonElement.innerHTML = `処理中(${fulfillCount}/${promiseCount})`;
  407.         }
  408.         return res;
  409.     }
  410.  
  411.     // プロミスが失敗した場合の処理
  412.     function rejectHandler(err) {
  413.         isErrorOccurred = true;
  414.         console.error(err);
  415.         downloadButtonElement.textContent = 'エラーが発生しました'; // Error Occurred → エラーが発生しました
  416.         downloadButtonElement.style.backgroundColor = 'red';
  417.         return Promise.reject(err);
  418.     }
  419.  
  420.     return { init, fulfillHandler, rejectHandler };
  421. })(window);

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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