☰

图片下载器

可以在绝大多数网站提取并批量下载图片。尤其是类似于千库网、包图网或者有妖气、腾讯漫画、b站漫画这种，不能右键保存图片或者保存的图片文件格式无法识别，均可以用脚本提取，然后用脚本提供的下载按钮，就可以下载到正确格式的图片文件。点击右键-tampermonkey-图片下载器-打开脚本(或快捷键alt+w)，按这个顺序使用。(目前只适合chrome+tampermonkey，其他组合多少有问题）

当前为 2022-01-22 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Image Downloader
  3. // @name:zh-CN   图片下载器
  4. // @name:zh-TW   图片下载器
  5. // @name:ja   画像ダウンローダー
  6. // @name:ko   이미지 다운로더
  7. // @name:de   Image Downloader
  8. // @name:es   Image Downloader
  9. // @name:eo   Image Downloader
  10. // @name:fr   Image Downloader
  11. // @name:it   Image Downloader
  12. // @name:ru   Image Downloader
  13. // @name:vi   Image Downloader
  14. // @name:pt-BR   Image Downloader
  15. // @name:id   Image Downloader
  16. // @name:ar   Image Downloader
  17. // @name:bg   Image Downloader
  18. // @name:cs   Image Downloader
  19. // @name:tr   Image Downloader
  20. // @name:el   Image Downloader
  21. // @name:hu   Image Downloader
  22. // @name:th   Image Downloader
  23. // @namespace       http://tampermonkey.net/
  24. // @description You can extract and download pictures in batches on most websites(e.g.instagram).Right Click-tampermonkey-Image Downloader(or alt+w),use in this order.(currently only suitable for tampermonkey and chrome,others have not tried it)
  25. // @description:zh-CN    可以在绝大多数网站提取并批量下载图片。尤其是类似于千库网、包图网或者有妖气、腾讯漫画、b站漫画这种，不能右键保存图片或者保存的图片文件格式无法识别，均可以用脚本提取，然后用脚本提供的下载按钮，就可以下载到正确格式的图片文件。点击右键-tampermonkey-图片下载器-打开脚本(或快捷键alt+w)，按这个顺序使用。(目前只适合chrome+tampermonkey，其他组合多少有问题）
  26. // @description:zh-TW   可以在绝大多数网站提取并批量下载图片。尤其是类似于千库网、包图网或者有妖气、腾讯漫画、b站漫画这种，不能右键保存图片或者保存的图片文件格式无法识别，均可以用脚本提取，然后用脚本提供的下载按钮，就可以下载到正确格式的图片文件。点击右键-tampermonkey-图片下载器-打开脚本(或快捷键alt+w)，按这个顺序使用。(目前只适合chrome+tampermonkey，其他组合多少有问题）
  27. // @description:ja  You can extract and download pictures in batches on most websites(e.g.instagram).Right Click-tampermonkey-Image Downloader(or alt+w),use in this order.(currently only suitable for tampermonkey and chrome,others have not tried it)
  28. // @description:ko  You can extract and download pictures in batches on most websites(e.g.instagram).Right Click-tampermonkey-Image Downloader(or alt+w),use in this order.(currently only suitable for tampermonkey and chrome,others have not tried it)
  29. // @description:de  You can extract and download pictures in batches on most websites(e.g.instagram).Right Click-tampermonkey-Image Downloader(or alt+w),use in this order.(currently only suitable for tampermonkey and chrome,others have not tried it)
  30. // @description:es  You can extract and download pictures in batches on most websites(e.g.instagram).Right Click-tampermonkey-Image Downloader(or alt+w),use in this order.(currently only suitable for tampermonkey and chrome,others have not tried it)
  31. // @description:eo  You can extract and download pictures in batches on most websites(e.g.instagram).Right Click-tampermonkey-Image Downloader(or alt+w),use in this order.(currently only suitable for tampermonkey and chrome,others have not tried it)
  32. // @description:fr  You can extract and download pictures in batches on most websites(e.g.instagram).Right Click-tampermonkey-Image Downloader(or alt+w),use in this order.(currently only suitable for tampermonkey and chrome,others have not tried it)
  33. // @description:it  You can extract and download pictures in batches on most websites(e.g.instagram).Right Click-tampermonkey-Image Downloader(or alt+w),use in this order.(currently only suitable for tampermonkey and chrome,others have not tried it)
  34. // @description:ru  You can extract and download pictures in batches on most websites(e.g.instagram).Right Click-tampermonkey-Image Downloader(or alt+w),use in this order.(currently only suitable for tampermonkey and chrome,others have not tried it)
  35. // @description:vi  You can extract and download pictures in batches on most websites(e.g.instagram).Right Click-tampermonkey-Image Downloader(or alt+w),use in this order.(currently only suitable for tampermonkey and chrome,others have not tried it)
  36. // @description:pt-BR  You can extract and download pictures in batches on most websites(e.g.instagram).Right Click-tampermonkey-Image Downloader(or alt+w),use in this order.(currently only suitable for tampermonkey and chrome,others have not tried it)
  37. // @description:id  You can extract and download pictures in batches on most websites(e.g.instagram).Right Click-tampermonkey-Image Downloader(or alt+w),use in this order.(currently only suitable for tampermonkey and chrome,others have not tried it)
  38. // @description:ar  You can extract and download pictures in batches on most websites(e.g.instagram).Right Click-tampermonkey-Image Downloader(or alt+w),use in this order.(currently only suitable for tampermonkey and chrome,others have not tried it)
  39. // @description:bg  You can extract and download pictures in batches on most websites(e.g.instagram).Right Click-tampermonkey-Image Downloader(or alt+w),use in this order.(currently only suitable for tampermonkey and chrome,others have not tried it)
  40. // @description:cs  You can extract and download pictures in batches on most websites(e.g.instagram).Right Click-tampermonkey-Image Downloader(or alt+w),use in this order.(currently only suitable for tampermonkey and chrome,others have not tried it)
  41. // @description:tr  You can extract and download pictures in batches on most websites(e.g.instagram).Right Click-tampermonkey-Image Downloader(or alt+w),use in this order.(currently only suitable for tampermonkey and chrome,others have not tried it)
  42. // @description:el  You can extract and download pictures in batches on most websites(e.g.instagram).Right Click-tampermonkey-Image Downloader(or alt+w),use in this order.(currently only suitable for tampermonkey and chrome,others have not tried it)
  43. // @description:hu  You can extract and download pictures in batches on most websites(e.g.instagram).Right Click-tampermonkey-Image Downloader(or alt+w),use in this order.(currently only suitable for tampermonkey and chrome,others have not tried it)
  44. // @description:th  You can extract and download pictures in batches on most websites(e.g.instagram).Right Click-tampermonkey-Image Downloader(or alt+w),use in this order.(currently only suitable for tampermonkey and chrome,others have not tried it)
  45. // @version         1.91
  46. // @author          桃源隐叟
  47. // @include         *
  48. // @connect *
  49. // @grant           GM_openInTab
  50. // @grant        GM_registerMenuCommand
  51. // @grant           GM_setValue
  52. // @grant           GM_getValue
  53. // @grant        GM_xmlhttpRequest
  54. // @grant GM_download
  55. // @require      https://cdn.jsdelivr.net/npm/hotkeys-js@3.7.2/dist/hotkeys.min.js
  56. // @require      https://cdn.bootcss.com/jszip/3.7.1/jszip.min.js
  57. // @require      https://cdn.bootcss.com/FileSaver.js/1.3.8/FileSaver.min.js
  58. // @run-at         document-end
  59. // @match        *
  60. // @match        https://www.bilibili.com/
  61. // @match        https://588ku.com/
  62. // @homepageURL       https://github.com/taoyuancun123/modifyText/blob/master/modifyText.js
  63. // @supportURL        https://greasyfork.org/zh-CN/scripts/419894/feedback
  64. // @license GPLv3
  65. // ==/UserScript==
  66.  
  67. (function () {
  68.     'use strict';
  69.  
  70.     var lang = navigator.appName == "Netscape" ? navigator.language : navigator.userLanguage;
  71.     var langSet;
  72.     var localization = {
  73.         zh: {
  74.             selectAll: "全选",
  75.             downloadBtn: "下载",
  76.             downloadMenuText: "打开脚本(Alt+w)",
  77.             zipDownloadBtn: "zip下载",
  78.             selectAlert:"请至少选中一张图片。",
  79.             fetchTip:"准备抓取canvas图片",
  80.             fetchCount1:`抓取canvas图片第`,
  81.             fetchCount2:'张',
  82.             fetchDoneTip1:"已选(0/",
  83.             fetchDoneTip1Type2:"已选(",
  84.             fetchDoneTip2:")张图片",
  85.         },
  86.         en: {
  87.             selectAll: "selectAll",
  88.             downloadBtn: "download",
  89.             downloadMenuText: "Open(Alt+w)",
  90.             zipDownloadBtn: "zip Download",
  91.             selectAlert:"Please at last select one image.",
  92.             fetchTip:"Ready to fetch canvas image.",
  93.             fetchCount1:`Fetch the`,
  94.             fetchCount2:' canvas image.',
  95.             fetchDoneTip1:"(0/",
  96.             fetchDoneTip1Type2:"(",
  97.             fetchDoneTip2:") Images selected",
  98.         }
  99.     }
  100.  
  101.     if (lang.toLowerCase().includes("zh-")) {
  102.         langSet = localization.zh;
  103.     } else {
  104.         langSet = localization.en;
  105.     }
  106.  
  107.     const autoBigImage={
  108.         bigImageArray:[],
  109.         defaultRules:[            
  110.             {originReg:/(?<=(.+sinaimg\.(?:cn|com)\/))([\w\.]+)(?=(\/.+))/i,replacement:"large"},
  111.             {originReg:/(?<=(.+alicdn\.(?:cn|com)\/.+\.(jpg|jpeg|gif|png|bmp|webp)))_.+/i,replacement:""},
  112.             {originReg:/(?<=(.+alicdn\.(?:cn|com)\/.+))(\.\w+)(?=(\.(jpg|jpeg|gif|png|bmp|webp)))/i,replacement:""},
  113.             {originReg:/(?<=(.+360buyimg\.(?:cn|com)\/))(\w+\/)(?=(.+\.(jpg|jpeg|gif|png|bmp|webp)))/i,replacement:"n0/"},
  114.             {originReg:/(?<=(.+hdslb\.(?:cn|com)\/.+\.(jpg|jpeg|gif|png|bmp|webp)))@.+/i,replacement:""},
  115.         ],
  116.         replace(originImgUrls){
  117.             let that=this;
  118.             that.bigImageArray=originImgUrls;
  119.             that.bigImageArray.forEach(replaceByReg);
  120.             function replaceByReg(urlStr,urlIndex){
  121.                 that.defaultRules.forEach((rule,ruleIndex)=>{
  122.                     let bigImage=urlStr.replace(rule.originReg,rule.replacement);
  123.                     bigImage&&that.bigImageArray.push(bigImage);
  124.                 })
  125.             }
  126.         },
  127.         getBigImageArray(originImgUrls){            
  128.             this.replace(originImgUrls);
  129.             let uniqueArray=Array.from(new Set(this.bigImageArray));            
  130.             return uniqueArray;
  131.         },
  132.         showRules(){
  133.  
  134.         }
  135.     }
  136.  
  137.     GM_registerMenuCommand(langSet.downloadMenuText, wrapper);
  138.     hotkeys('alt+w', wrapper);
  139.  
  140.     function wrapper() {  
  141.         try {
  142.             document.querySelector(".tyc-image-container").remove();
  143.         } catch { 
  144.         }
  145.         var imgUrls = [];
  146.         var bodyStr = document.body.innerHTML;
  147.         var imgSelected = [];
  148.         var zipImgSelected = [];
  149.         var imgWaitDownload = [];
  150.         var zipImgWaitDownload = [];
  151.         var widthFilter = { min: 0, max: 3000 };
  152.         var heightFilter = { min: 0, max: 3000 };
  153.         var filteredImgUrls = [];
  154.         var zipFilteredImgUrls = [];
  155.         try{
  156.             var zipFolder = new JSZip();
  157.             var zipSubFoler = zipFolder.folder('pics');
  158.         }
  159.         catch{
  160.             
  161.         }        
  162.  
  163.         var fetchTip='';
  164.  
  165.         try {
  166.             let imgEles = document.getElementsByTagName("img");
  167.             let canvasEles=document.getElementsByTagName("canvas");
  168.  
  169.             for (let i = 0; i < imgEles.length; i++) {
  170.                 ////console.log(imgEles[i].src);
  171.                 if (!imgUrls.includes(imgEles[i].src)) {
  172.                     imgUrls.push(imgEles[i].src);
  173.                 } else if (!imgUrls.includes(imgEles[i].srcset)) {
  174.                     imgUrls.push(imgEles[i].srcset);
  175.                 }
  176.             }
  177.  
  178.             let imgRegs = bodyStr.match(/(?<=background-image:\s*url\()(\S+)(?=\))/g);
  179.  
  180.             for (let i = 0; i < imgRegs.length; i++) {
  181.                 ////console.log(imgRegs[i]);
  182.                 if (!imgUrls.includes(imgRegs[i].replace(/&quot;/g, ""))) {
  183.                     imgUrls.push(imgRegs[i].replace(/&quot;/g, ""));
  184.                 }
  185.             }
  186.  
  187.             if (window.location.href.includes("hathitrust.org")) {
  188.                 let imgs = document.querySelectorAll(".image img");
  189.                 if (imgs.length > 0) {
  190.                     let canvas = document.createElement("canvas");
  191.                     imgUrls = [];
  192.                     for (let pi = 0; pi < imgs.length; pi++) {
  193.                         canvas.width = imgs[pi].width;
  194.                         canvas.height = imgs[pi].height;     
  195.                         canvas.getContext("2d").drawImage(imgs[pi], 0, 0);     
  196.                         imgUrls.push(canvas.toDataURL("image/png"));
  197.                     }
  198.      
  199.                     document.querySelector(".select-all").style = "position:relative;width:15px;height:15px;"
  200.                 } else {
  201.      
  202.                 }
  203.             }
  204.  
  205.             if(window.location.href.toString().includes("manga.bilibili.com/")){
  206.                 let iframeCanvas=`<iframe style="display:none;" id="tyc-insert-iframe"></iframe>`;
  207.                 if(document.getElementById("tyc-insert-iframe")==null){
  208.                     document.body.insertAdjacentHTML("afterbegin",iframeCanvas);
  209.                     document.getElementById("tyc-insert-iframe").contentDocument.body.insertAdjacentHTML("afterbegin",`<canvas id="tyc-insert-canvas"></canvas>`);
  210.                     document.body.getElementsByTagName('canvas')[0].__proto__.toBlob=document.getElementById("tyc-insert-iframe").contentDocument.getElementById("tyc-insert-canvas").__proto__.toBlob;
  211.                 }
  212.  
  213.             }
  214.  
  215.             let oldLength=imgUrls.length;
  216.             if(canvasEles.length>0){ 
  217.                 fetchTip=langSet.fetchTip;
  218.                 var completeFlag=0;                
  219.                 for(let j=0;j<canvasEles.length;j++){                    
  220.                     canvasEles[j].toBlob(blobCallback);    
  221.                     function blobCallback(blob){
  222.                         let oFileReader = new FileReader();
  223.                         oFileReader.onloadend = function (e) {
  224.                             let base64 = e.target.result;                                 
  225.                             if (base64.includes("data:image")) {
  226.                                 if (!imgUrls.includes(base64)) {                                
  227.                                     //imgUrls.push(base64);                                
  228.                                     imgUrls[oldLength+j]=base64;
  229.                                 }
  230.                                 completeFlag++;                                                         
  231.                                 document.querySelector(".num-tip").innerText=`${langSet.fetchCount1} ${completeFlag}/${canvasEles.length} ${langSet.fetchCount2}`;                                      
  232.                                 if(completeFlag===canvasEles.length){
  233.                                     clean();
  234.                                     init();
  235.                                 }
  236.                             }
  237.                         };
  238.                         
  239.                         oFileReader.readAsDataURL(blob);
  240.                     }
  241.                 }
  242.             }else{
  243.                 fetchTip=`${langSet.fetchDoneTip1}${imgUrls.length}${langSet.fetchDoneTip2}`;
  244.             }           
  245.  
  246.         } catch {
  247.             //alert("error");
  248.         }
  249.  
  250.         let imgContainer = `
  251.         <style>
  252.             .tyc-image-container{
  253.                 position:fixed;
  254.                 top:0px;
  255.                 left:10%;
  256.                 width:80vw;
  257.                 z-index:2147483645;
  258.                 background-color: #dedede;
  259.                 border: 1px solid #aaa;
  260.                 overflow:scroll;height:100%;
  261.             }
  262.     
  263.             .tyc-image-container button{
  264.                 border:1px solid #aaa;
  265.                 border-radius:5px;
  266.                 height:32px;line-height:32px;
  267.                 margin:0px;padding:0 5px;
  268.             }
  269.     
  270.             .tyc-image-container button:hover{
  271.                 background-color: #f50;
  272.                 color: #fff;
  273.             }
  274.     
  275.             .control-section{
  276.                 width:80vw;
  277.                 z-index:2147483646;
  278.                 position:fixed;
  279.                 top:0px;
  280.                 left:10%;
  281.                 display: flex;
  282.                 flex-direction: column;
  283.                 justify-content: center;                
  284.                 line-height:40px;
  285.                 background:#eee;border:1px solid #aaa;border-radius:2px;                
  286.             }
  287.     
  288.             .control-section-sub{
  289.                 display: flex;
  290.                 margin-bottom: 5px;               
  291.             }
  292.     
  293.             .tyc-normal-section{
  294.                 display: flex;
  295.                 align-items: center;
  296.                 flex-direction: row;
  297.                 justify-content: flex-start;    
  298.                 flex-wrap: nowrap;            
  299.                 align-content: normal;
  300.     
  301.             }
  302.             .btn-download{
  303.                 border:1px solid #aaa;border-radius:5px;
  304.                 height:32px;line-height:32px;
  305.                 margin:0px;padding:0 5px;
  306.             }
  307.             .btn-zipDownload{
  308.                 border:1px solid #aaa;border-radius:5px;
  309.                 height:32px;line-height:32px;
  310.                 margin:0px;padding:0 5px;
  311.             }
  312.             .btn-close{
  313.                 font-size:20px;position:absolute;
  314.                 right:30px;top:4px;
  315.                 height:32px;line-height:32px;
  316.                 margin:0px;
  317.                 border-radius:10px;border:1px solid #aaa;
  318.                 width:30px;
  319.             }
  320.     
  321.             .tyc-image-wrapper{
  322.                 margin-top:82px;display:flex;justify-content:center;
  323.                 align-items:center;flex-wrap:wrap;
  324.             }
  325.     
  326.             .tyc-input-checkbox{
  327.                 background-color: initial;
  328.                 cursor: default;
  329.                 appearance: auto;
  330.                 box-sizing: border-box;
  331.                 margin: 3px 3px 3px 4px;
  332.                 padding: initial;
  333.                 border: initial;
  334.             }
  335.     
  336.             .tyc-extend-set{
  337.                 padding: 10px;
  338.                 border-top: 1px solid rgba(100,100,100,0.1);
  339.             }
  340.     
  341.             .tyc-extend-set{
  342.                 display: none;
  343.                 align-items: stretch;
  344.                 flex-direction: column;
  345.                 justify-content: flex-start;
  346.                 flex-wrap: nowrap;
  347.                 padding: 5px;
  348.                 width: auto;
  349.             }
  350.     
  351.             .tyc-extend-set-container{
  352.                 display: flex;
  353.                 align-items: flex-start;
  354.                 flex-direction: column;
  355.                 justify-content: flex-start;
  356.                 flex-wrap: nowrap;
  357.                 align-content: normal;
  358.                 border: 1px solid rgba(100,100,100,0.5);
  359.                 padding: 5px;
  360.                 margin-bottom: 5px;
  361.             }
  362.     
  363.             .tyc-autobigimg-set{
  364.                 display: flex;
  365.                 align-items: flex-start;
  366.                 flex-direction: column;
  367.                 justify-content: flex-start;
  368.                 flex-wrap: nowrap;
  369.                 align-content: normal;
  370.                 border: 1px solid rgba(100,100,100,0.5);
  371.                 padding: 5px;
  372.             }
  373.     
  374.             .tyc-set-domain{
  375.                 display: flex;
  376.                 align-items: flex-start;
  377.                 flex-direction: column;
  378.                 justify-content: flex-start;
  379.                 flex-wrap: nowrap;
  380.                 align-content: normal;
  381.                 margin: 5px;
  382.                 padding: 5px;
  383.                 border: 1px solid rgba(100,100,100,0.3);
  384.                 width: 95%;
  385.             }
  386.     
  387.             .tyc-abi-title{
  388.                 display: flex;
  389.                 flex-direction: row;
  390.                 align-items: center;
  391.                 justify-content: space-between;
  392.                 width: 100%;
  393.             }
  394.     
  395.             .tyc-abi-domain-title{
  396.                 display: flex;
  397.                 flex-direction: row;
  398.                 align-items: center;
  399.                 justify-content: space-between;
  400.                 width: 95%;
  401.                 border-bottom: 1px solid #ddd;
  402.             }
  403.             .tyc-set-replacerule{
  404.                 display: flex;
  405.                 flex-direction: row;
  406.                 justify-content: space-start;
  407.                 align-items: center;
  408.                 
  409.                 margin-bottom: 3px;
  410.             }
  411.     
  412.             .tyc-set-replacerule *,.tyc-set-replacerule button{
  413.                 margin-left: 5px;
  414.             }
  415.         </style>
  416.         <div class="tyc-image-container">
  417.             <div class="control-section">
  418.                 <div class="control-section-sub tyc-normal-section">
  419.                     <input class="select-all tyc-input-checkbox" type="checkbox" name="select-all" value="select-all">${langSet.selectAll}
  420.                     <button class="btn-download" style="margin-left:5px;">${langSet.downloadBtn}</button> 
  421.                     <button class="btn-zipDownload" style="margin-left:5px;">${langSet.zipDownloadBtn}</button> 
  422.                     <span style="margin-left:10px;" class="num-tip">${langSet.fetchDoneTip1}${imgUrls.length}${langSet.fetchDoneTip2}</span>
  423.                     <button cstyle="margin-left:10px;" class="btn-close" >X</button>
  424.                 </div>
  425.     
  426.             
  427.                 <div style="line-height:12px;" class="control-section-sub tyc-normal-section">
  428.                     <div style="float:left;display:block;">
  429.                     <input type="checkbox" class="width-check img-check tyc-input-checkbox" name="width-check" value="width-check">Width:
  430.                     <input type="text" class="width-value-min" size="1" style="height:15px;width:50px;"
  431.                         min="0" max="9999" value="0">-
  432.                         <input type="text" class="width-value-max" size="1" style="height:15px;width:50px;"
  433.                         min="0" max="9999" value="3000">
  434.                     </div>
  435.             
  436.                     <div style="float:left;margin-left:30px;display:block;">
  437.                         <input type="checkbox" class="height-check img-check tyc-input-checkbox" name="height-check" value="height-check">Height:
  438.                         <input type="text" class="height-value-min" size="1" style="height:15px;width:50px;"
  439.                             min="0" max="9999" value="0">-
  440.                             <input type="text" class="height-value-max" size="1" style="height:15px;width:50px;"
  441.                             min="0" max="9999" value="3000">
  442.                     </div>
  443.             
  444.                     <div style="float:left;margin-left:30px;display:block;" class="tyc-cors">
  445.                         <span class="tyc-tip" style="display: none;
  446.                         position: absolute;
  447.                         top: 5px;
  448.                         left: 50px;
  449.                         white-space: nowrap;
  450.                         background: rgb(204, 204, 204);
  451.                         border: 1px solid rgb(150, 150, 150);
  452.                         border-radius: 3px;
  453.                         padding: 5px;">勾选使用zip下载后，会请求跨域权限，否则zip下载基本下载不到图片。
  454.                         </span>        
  455.                         <input type="checkbox" class="cors-check img-check tyc-input-checkbox" name="cors-check" value="cors-check">
  456.                         <span>使用zip下载</span>     
  457.                     </div>
  458.                     <div style="float:left;margin-left:30px;display:block;" class="tyc-extend-btn">
  459.                         <span>更多设置 </span>
  460.                         <span style="top: 3px;position: relative;">
  461.                             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-double-down" viewBox="0 0 16 16">
  462.                                 <path fill-rule="evenodd" d="M1.646 6.646a.5.5 0 0 1 .708 0L8 12.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
  463.                                 <path fill-rule="evenodd" d="M1.646 2.646a.5.5 0 0 1 .708 0L8 8.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
  464.                             </svg>
  465.                         </span> 
  466.                     </div>
  467.                 </div>
  468.                 <div class="tyc-extend-set control-section-sub">
  469.                     <div class="tyc-autobigimg-set tyc-extend-set-container">
  470.                         <div class="tyc-abi-title">  
  471.                             <div>
  472.                                 <input type="checkbox" name="sites" class="tyc-show-in-menu">开启自动大图
  473.                             </div> 
  474.                             <div>
  475.                                 <button>新增规则</button>
  476.                             </div>
  477.                             
  478.                         </div>
  479.                         <div class="tyc-set-domain">
  480.                             <div class="tyc-set-replacerule">                        
  481.                                     <input type="checkbox" name="sites" class="tyc-show-in-menu">
  482.                                     <input type="text" name="title" placeholder="输入待替换正则" class="tyc-search-title">
  483.                                     <input type="text" name="urls" placeholder="输入替换它的字符串或者函数" class="tyc-search-url">
  484.                                     <button class="tyc-delete">删除</button>                        
  485.                             </div>
  486.                             <div class="tyc-set-replacerule">                        
  487.                                     <input type="checkbox" name="sites" class="tyc-show-in-menu">
  488.                                     <input type="text" name="title" placeholder="输入将显示在菜单中的提示名" class="tyc-search-title">
  489.                                     <input type="text" name="urls" placeholder="参考其他例子，输入除关键词外的网址部分" class="tyc-search-url">
  490.                                     <button class="tyc-delete">删除</button>                        
  491.                             </div>
  492.                         </div>
  493.                     </div> 
  494.                
  495.                 </div>
  496.             </div>
  497.             <div class="tyc-image-wrapper" >
  498.             </div>
  499.         </div>`
  500.  
  501.         let showBigImage = `
  502.         <div class="show-big-image" style="position:fixed;left:30%;top:30%;z-index:2147483647;">
  503.         </div>
  504.     `
  505.  
  506.         document.body.insertAdjacentHTML("afterbegin", imgContainer);
  507.   
  508.         document.body.onclick = (e) => {
  509.             //console.log(e);
  510.             if ((e.target.nodeName == "IMG" && e.target.className === "tyc-image-preview")) {
  511.                 let imgContainer = e.path.find(
  512.  
  513.                     (ele) => {
  514.                         try {
  515.                             //console.log(ele);
  516.                             return ele.className.includes("tyc-img-item-container");
  517.                         }
  518.                         catch {
  519.  
  520.                         }
  521.  
  522.                     }
  523.                 )
  524.                 let path = imgContainer.getElementsByTagName("img")[0].src;
  525.  
  526.                 try {
  527.                     let container = document.querySelector(".show-big-image");
  528.                     if (container.getElementsByTagName("img")[0].src === path) {
  529.                         container.remove();
  530.                         return;
  531.                     } else {
  532.                         container.remove();
  533.                     }
  534.                 }
  535.                 catch {
  536.  
  537.                 }
  538.                 document.body.insertAdjacentHTML("beforeend", showBigImage);
  539.  
  540.                 let showItem = `<img src="${path}"/>`
  541.  
  542.                 document.querySelector(".show-big-image").insertAdjacentHTML("beforeend", showItem);
  543.  
  544.                 let tempImg = document.querySelector(".show-big-image img");
  545.  
  546.                 let dWidth = (window.innerWidth - tempImg.width) / 2;
  547.                 let dHeight = (window.innerHeight - tempImg.height) / 2;
  548.  
  549.                 document.querySelector(".show-big-image").style.left = dWidth + "px";
  550.                 document.querySelector(".show-big-image").style.top = dHeight + "px";
  551.             } else if (e.target.parentElement.className === "show-big-image") {
  552.                 try {
  553.                     document.querySelector(".show-big-image").remove();
  554.                 }
  555.                 catch
  556.                 {
  557.  
  558.                 }
  559.  
  560.             } else if (e.target.classList[1] == "bi-download" || e.path.find(isDownload) != undefined) {
  561.                 let imgContainer = e.path.find(
  562.  
  563.                     (ele) => {
  564.                         try {
  565.                             //console.log(ele);
  566.                             return ele.className.includes("tyc-img-item-container");
  567.                         }
  568.                         catch {
  569.  
  570.                         }
  571.  
  572.                     }
  573.                 )
  574.                 let path = imgContainer.getElementsByTagName("img")[0].src;
  575.                 let filename;
  576.                 if (path.indexOf("/") > 0)//如果包含有"/"号 从最后一个"/"号+1的位置开始截取字符串
  577.                 {
  578.                     filename = path.substring(path.lastIndexOf("/") + 1, path.lastIndexOf("."));
  579.                 }
  580.                 else {
  581.                     filename = path;
  582.                 }
  583.                 //console.log("download start" + path + " " + filename);
  584.                 GM_download(path, "pic");
  585.             } else if (e.target.classList[1] == "bi-check" || e.path.find(isSelect) != undefined) {
  586.                 let checkSvg = e.path.find((ele) => ele.classList[1] === "bi-check");
  587.                 let currentImgIndex = parseInt(checkSvg.dataset.value);
  588.  
  589.                 let container = e.path.find((ele) => ele.className === `tyc-img-item-container-${currentImgIndex}`);
  590.   
  591.                 if (imgSelected.includes(currentImgIndex)) {
  592.                     imgSelected.splice(imgSelected.indexOf(currentImgIndex), 1);
  593.                     checkSvg.style.color = "black";
  594.                     container.style.border = "1px solid #99d";
  595.                 } else {
  596.                     imgSelected.push(currentImgIndex);
  597.                     checkSvg.style.color = "white";
  598.                     container.style.border = "1px solid white";
  599.                 }
  600.  
  601.                 zipImgSelected=imgSelected;
  602.  
  603.                 document.querySelector(".num-tip").innerText = `${langSet.fetchDoneTip1Type2}${imgSelected.length}/${imgUrls.length}${langSet.fetchDoneTip2}`;
  604.                 imgWaitDownload=transIndexToLink(filteredImgUrls,imgSelected);
  605.                 zipImgWaitDownload=transIndexToLink(zipFilteredImgUrls,zipImgSelected);
  606.                 zipImgWaitDownload=cutoffNotBase64Img(zipImgWaitDownload);
  607.             }
  608.         }
  609.  
  610.         document.querySelector(".btn-close").onclick = (e) => {
  611.             document.querySelector(".tyc-image-container").remove();
  612.         }
  613.  
  614.         document.querySelector(".btn-download").onclick = (e) => {
  615.             if (imgWaitDownload.length >= 1) {
  616.                 console.log(imgWaitDownload);
  617.                 imgWaitDownload.forEach(async (img, index) => {
  618.                     //let filename = `pic-${index}.jpg`;
  619.                     //filename=filename.replace(/\\/g, '/').replace(/\/{2,}/g, '/');
  620.                     await GM_download(img, `pic-${index}`);
  621.                 });
  622.             } else {
  623.                 alert(`${langSet.selectAlert}`);
  624.             }
  625.         }
  626.  
  627.         document.querySelector(".btn-zipDownload").onclick = (e) => {
  628.             console.log(zipImgWaitDownload);
  629.             try {
  630.                 if (zipImgWaitDownload.length >= 1) {
  631.                     //console.log(zipImgWaitDownload);
  632.                     zipImgWaitDownload.forEach(async (img, index) => {
  633.                         let fileExt = img.substring(img.indexOf("image/") + 6, img.indexOf(";"))
  634.                         fileExt=fileExt.includes("svg")?"svg":fileExt;
  635.                         let filename = `pic${index}.${fileExt}`;  
  636.                         zipSubFoler.file(filename, img.split(",")[1], { base64: true });                        
  637.                     });
  638.      
  639.                     zipFolder.generateAsync({ type: "blob" })
  640.                         .then(function (content) {
  641.                             // see FileSaver.js
  642.                             saveAs(content, "pics.zip");
  643.                             zipFolder.remove("pics");
  644.                             zipSubFoler = zipFolder.folder('pics');
  645.                         });
  646.      
  647.                 } else {
  648.                     alert(`${langSet.selectAlert}`);
  649.                 }
  650.             } catch (error) {
  651.                 console.log(error);
  652.             }
  653.  
  654.  
  655.         }
  656.  
  657.         document.querySelector(".tyc-cors").onmouseover=e=>{
  658.             e.preventDefault();
  659.             document.querySelector(".tyc-tip").style.display="block";
  660.         }
  661.  
  662.         document.querySelector(".tyc-cors").onmouseout=e=>{
  663.             e.preventDefault();
  664.             document.querySelector(".tyc-tip").style.display="none";
  665.         }
  666.  
  667.         document.body.onchange = (e) => {
  668.             if (e.target.className.includes("width-check")) {
  669.                 GM_setValue('width-check', e.target.checked);
  670.             }
  671.             if (e.target.className.includes("height-check")) {
  672.                 GM_setValue('height-check', e.target.checked);
  673.             }
  674.  
  675.             if (e.target.className.includes("cors-check")) {
  676.                 GM_setValue('cors-check', e.target.checked);
  677.                 if (document.querySelector(".cors-check").checked) {
  678.                     fetchBase64ImgsThenPushToZipArray();
  679.                 }                
  680.             }
  681.  
  682.             if (e.target.nodeName === "INPUT" && e.target.type === "text" && e.target.className.includes("value")) {
  683.                 GM_setValue(e.target.className, e.target.value);
  684.             }
  685.  
  686.             (e.target.className.includes("width-check") || e.target.className.includes("height-check") ||
  687.  
  688.                 (e.target.nodeName === "INPUT" && e.target.type === "text" && e.target.className.includes("value")))
  689.                 && (clean(), init());
  690.  
  691.         }
  692.  
  693.         document.querySelector(".select-all").onchange = (e) => {
  694.             if (document.querySelector(".select-all").checked) {
  695.                 imgWaitDownload = filteredImgUrls;
  696.                 zipImgWaitDownload=cutoffNotBase64Img(zipFilteredImgUrls);
  697.             } else {
  698.                 imgWaitDownload=transIndexToLink(filteredImgUrls,imgSelected);
  699.                 zipImgWaitDownload=transIndexToLink(zipFilteredImgUrls,zipImgSelected);
  700.             }
  701.  
  702.             document.querySelector(".num-tip").innerText = `${langSet.fetchDoneTip1Type2}${imgWaitDownload.length}/${filteredImgUrls.length}${langSet.fetchDoneTip2}`;
  703.         }
  704.  
  705.         document.querySelector(".tyc-extend-btn").onclick=e=>{
  706.             if(document.querySelector(".tyc-extend-btn").classList.contains("extend-open")){
  707.                 document.querySelector(".tyc-extend-btn").classList.remove("extend-open");
  708.                 document.querySelector(".tyc-extend-set").style.display="none";
  709.                 document.querySelector(".tyc-extend-btn").style.color="black";
  710.                 document.querySelector(".tyc-extend-btn").innerHTML=`<span>更多设置 </span>
  711.                 <span style="top: 3px;position: relative;">
  712.                     <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-double-down" viewBox="0 0 16 16">
  713.                         <path fill-rule="evenodd" d="M1.646 6.646a.5.5 0 0 1 .708 0L8 12.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
  714.                         <path fill-rule="evenodd" d="M1.646 2.646a.5.5 0 0 1 .708 0L8 8.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
  715.                     </svg>
  716.                 </span> `
  717.                 ;
  718.             }else{
  719.                 document.querySelector(".tyc-extend-btn").classList.add("extend-open");
  720.                 document.querySelector(".tyc-extend-set").style.display="flex";
  721.                 document.querySelector(".tyc-extend-btn").style.color="#f50";
  722.                 document.querySelector(".tyc-extend-btn").innerHTML=`<span>收起 </span>
  723.                 <span style="top: 3px;position: relative;">
  724.                     <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-double-up" viewBox="0 0 16 16">
  725.                     <path fill-rule="evenodd" d="M7.646 2.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 3.707 2.354 9.354a.5.5 0 1 1-.708-.708l6-6z"/>
  726.                     <path fill-rule="evenodd" d="M7.646 6.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 7.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/>
  727.                     </svg>
  728.                 </span> `
  729.  
  730.             }
  731.         }
  732.  
  733.  
  734.  
  735.         init();
  736.         function init() {            
  737.             filteredImgUrls = imgUrls;
  738.             filteredImgUrls=autoBigImage.getBigImageArray(filteredImgUrls);
  739.             getSavedValue();
  740.             if (document.querySelector(".width-check").checked) {
  741.                 filteredImgUrls = filteredImgUrls.filter(filterByWidth);
  742.             }
  743.  
  744.             if (document.querySelector(".height-check").checked) {
  745.                 filteredImgUrls = filteredImgUrls.filter(filterByHeight);
  746.             }
  747.  
  748.  
  749.             zipFilteredImgUrls = filteredImgUrls;
  750.             if (document.querySelector(".cors-check").checked) {
  751.                 fetchBase64ImgsThenPushToZipArray();
  752.             }            
  753.             showImage(filteredImgUrls);
  754.         }
  755.  
  756.         function clean() {
  757.             imgWaitDownload = [];
  758.             imgSelected = [];
  759.             document.querySelector(".num-tip").innerText = `${langSet.fetchDoneTip1Type2}${imgSelected.length}/${imgUrls.length}${langSet.fetchDoneTip2}`;
  760.             document.querySelector(".tyc-image-wrapper").innerHTML = "";
  761.         }
  762.  
  763.         function isDownload(ele) {
  764.             return ele.className == "download-direct";
  765.         }
  766.  
  767.         function isSelect(ele) {
  768.             return ele.className == "select-image";
  769.         }
  770.  
  771.         function transIndexToLink(WholeImgs,selectedImgs) {
  772.             let transedImgs=[];
  773.             selectedImgs.forEach((imgIndex, index) => {
  774.                 transedImgs.push(WholeImgs[imgIndex]);
  775.             });
  776.             return transedImgs;
  777.         }
  778.  
  779.         function showImage(filtedImgUrls) {
  780.             filtedImgUrls.forEach((img, index) => {
  781.                 if (window.location.href.includes("huaban.com")) {
  782.                     if (img.includes("/webp")) {
  783.                         img = img.replace(/\/webp/g, "/png");
  784.                     }
  785.                 }
  786.                 let insertImg = `<div class="tyc-img-item-container-${index}" style="text-align:center;font-size:0px;
  787.     margin:5px;border:1px solid #99d;border-radius:3px;
  788.     ">
  789.     <img class="tyc-image-preview" src="${img}"/ style="width:auto;height:200px;"></div>`
  790.                 document.querySelector(".tyc-image-wrapper").insertAdjacentHTML("beforeend", insertImg);
  791.                 let naturalW = document.querySelector(`.tyc-img-item-container-${index} .tyc-image-preview`).naturalWidth;
  792.                 let naturalH = document.querySelector(`.tyc-img-item-container-${index} .tyc-image-preview`).naturalHeight;
  793.  
  794.                 let imgInfoContainer = `
  795.             <div style="font-size:0px;background-color:rgba(100,100,100,0.6);height:30px;position:relative;">
  796.  
  797.  
  798.     </div>
  799.             `;
  800.  
  801.                 let thisImgContainer = document.querySelector(`.tyc-img-item-container-${index}`);
  802.                 let imgContainerWidth = thisImgContainer.getBoundingClientRect().width;
  803.                 let imgInfo = `
  804.             <span style="font-size:16px;position:absolute;left:calc(50% - 80px);top:7px;">${naturalW}X${naturalH}</span>
  805.             `;
  806.  
  807.  
  808.                 /*
  809.                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrows-fullscreen" viewBox="0 0 16 16" style="position:absolute;top:5px;right:5px;">
  810.           <path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707zm0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707zm-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707z"/>
  811.         </svg>*/
  812.  
  813.                 let downAndFullBtn = `
  814.     <span style="position:absolute;right:calc(50% - 30px);top:2px;border:1px solid #333;
  815.     width:26px;height:26px;border-radius:20px;" class="select-image" data-value="${index}">
  816.     <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check" viewBox="0 0 16 16"  style="position:absolute;top:-1px;right:-2px;width:30px;height:30px;" data-value="${index}">
  817.       <path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z"/>
  818.     </svg>
  819.     </span>
  820.     <span style="position:absolute;right:calc(50% - 60px);top:2px;border:1px solid #333;
  821.     width:26px;height:26px;border-radius:20px;
  822.     " class="download-direct">
  823.     <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download" viewBox="0 0 16 16" style="position:absolute;top:5px;right:5px;">
  824.       <path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"/>
  825.       <path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"/>
  826.     </svg>
  827.     </span>
  828.  
  829.     `;
  830.  
  831.                 let downloadBtn = `
  832.             <span style="position:absolute;right:calc(50% - 15px);top:2px;border:1px solid #333;
  833.     width:26px;height:26px;border-radius:20px;
  834.     " class="download-direct">
  835.     <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download" viewBox="0 0 16 16" style="position:absolute;top:5px;right:5px;">
  836.       <path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"/>
  837.       <path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"/>
  838.     </svg>
  839.     </span>
  840.             `
  841.                 thisImgContainer.insertAdjacentHTML("beforeend", imgInfoContainer);
  842.  
  843.                 let thisImgInfoContainer = thisImgContainer.querySelector("div");
  844.  
  845.                 let rectWidth = parseInt(thisImgContainer.getBoundingClientRect().width);
  846.  
  847.                 if (rectWidth > 120) {
  848.                     thisImgInfoContainer.insertAdjacentHTML("beforeend", imgInfo);
  849.                     thisImgInfoContainer.insertAdjacentHTML("beforeend", downAndFullBtn);
  850.                 } else if (rectWidth <= 120 && rectWidth >= 50) {
  851.                     thisImgInfoContainer.insertAdjacentHTML("beforeend", downAndFullBtn);
  852.                     thisImgInfoContainer.getElementsByClassName("select-image")[0].style.right = "50%";
  853.                     thisImgInfoContainer.getElementsByClassName("download-direct")[0].style.right = "calc(50% - 30px)";
  854.                 } else {
  855.                     thisImgInfoContainer.insertAdjacentHTML("beforeend", downloadBtn);
  856.                 }
  857.                 ////console.log(img);
  858.             });
  859.         }
  860.  
  861.         function filterByWidth(src) {
  862.             let tempImg = new Image();
  863.             tempImg.src = src;
  864.             if (tempImg.width >= parseInt(document.querySelector(".width-value-min").value)
  865.                 && tempImg.width <= parseInt(document.querySelector(".width-value-max").value)) {
  866.                 return src;
  867.             }
  868.         }
  869.  
  870.         function filterByHeight(src) {
  871.             let tempImg = new Image();
  872.             tempImg.src = src;
  873.             if (tempImg.height >= parseInt(document.querySelector(".height-value-min").value)
  874.                 && tempImg.height <= parseInt(document.querySelector(".height-value-max").value)) {
  875.                 return src;
  876.             }
  877.         }
  878.  
  879.         function getSavedValue() {
  880.             if(GM_getValue("width-check")!=undefined){
  881.                 console.log(GM_getValue("width-check"));
  882.                 (document.querySelector(".width-check").checked = GM_getValue("width-check"));
  883.             }
  884.  
  885.             if(GM_getValue("height-check")!=undefined){
  886.                 (document.querySelector(".height-check").checked = GM_getValue("height-check"));
  887.             }
  888.  
  889.             if(GM_getValue("cors-check")!=undefined){
  890.                 (document.querySelector(".cors-check").checked = GM_getValue("cors-check"));
  891.                 
  892.             }
  893.  
  894.             GM_getValue("width-value-min") && (document.querySelector(".width-value-min").value = GM_getValue("width-value-min"));
  895.             GM_getValue("width-value-max") && (document.querySelector(".width-value-max").value = GM_getValue("width-value-max"));
  896.             GM_getValue("height-value-min") && (document.querySelector(".height-value-min").value = GM_getValue("height-value-min"));
  897.             GM_getValue("height-value-max") && (document.querySelector(".height-value-max").value = GM_getValue("height-value-max"));
  898.  
  899.         }
  900.  
  901.         function fetchBase64ImgsThenPushToZipArray() {
  902.             zipFilteredImgUrls.forEach((imgUrl, urlIndex) => {
  903.                 if (imgUrl.includes("data:image")) {
  904.                     return;
  905.                 }
  906.  
  907. /*                 fetch(imgUrl,{
  908.                     method: "get",
  909.                     mode: 'cors'
  910.                 }).then(response=>{
  911.                     if (!response.ok) {
  912.                         throw new Error('Network response was not OK');
  913.                       }
  914.                       return response.blob();
  915.                     }).then(myBlob=>{
  916.                     var blob = myBlob
  917.                         let oFileReader = new FileReader();
  918.                         oFileReader.onloadend = function (e) {
  919.                             let base64 = e.target.result;
  920.                             //console.log("》》", base64)
  921.  
  922.                             if (base64.includes("data:image")) {
  923.                                 zipFilteredImgUrls[urlIndex] = base64;
  924.                                 //zipImgWaitDownload.push(base64);
  925.                             }
  926.                         };
  927.                         oFileReader.readAsDataURL(blob);                    
  928.                 })
  929.                 .catch((error)=>{ */
  930.                 try {
  931.                     GM_xmlhttpRequest({
  932.                         method: "get",
  933.                         url: imgUrl,
  934.                         responseType: "blob",
  935.                         onload: function (r) {
  936.                             var blob = r.response;
  937.                             let oFileReader = new FileReader();
  938.                             oFileReader.onloadend = function (e) {
  939.                                 let base64 = e.target.result; 
  940.                                 if (base64.includes("data:image")) {
  941.                                     zipFilteredImgUrls[urlIndex] = base64;
  942.                                     //zipImgWaitDownload.push(base64);
  943.                                 }
  944.                             };
  945.                             oFileReader.readAsDataURL(blob);
  946.                         }
  947.                     });
  948.                 } catch (error) {
  949.                     
  950.                 }
  951.  
  952.                 //})
  953.             })
  954.         }
  955.  
  956.         function cutoffNotBase64Img(imgsUrlArray) {
  957.             let resultArr = [];
  958.             imgsUrlArray.forEach((imgUrl, urlIndex) => {
  959.                 if (imgUrl.includes("data:image")&&imgUrl.includes("base64")) {
  960.                     resultArr.push(imgUrl);
  961.                 }
  962.             }
  963.             );
  964.             return resultArr;
  965.         }
  966.     //下面这个括号是wrapper的括号   
  967.     }
  968. })();