// ==UserScript== // @name Image Downloader // @name:zh-CN 图片下载器 // @name:zh-TW 图片下载器 // @name:ja 画像ダウンローダー // @name:ko 이미지 다운로더 // @name:de Image Downloader // @name:es Image Downloader // @name:eo Image Downloader // @name:fr Image Downloader // @name:it Image Downloader // @name:ru Image Downloader // @name:vi Image Downloader // @name:pt-BR Image Downloader // @name:id Image Downloader // @name:ar Image Downloader // @name:bg Image Downloader // @name:cs Image Downloader // @name:tr Image Downloader // @name:el Image Downloader // @name:hu Image Downloader // @name:th Image Downloader // @namespace http://tampermonkey.net/ // @description Images can be extracted and batch downloaded from most websites. Especially for websites the right click fails or image can not save. Extra features: zip download / auto-enlarge image. See the script description at info page (only suitable for chrome+tampermonkey) // @description:zh-CN 可以在绝大多数网站提取并批量下载图片。尤其是类似于千库网、包图网或者有妖气、腾讯漫画、b站漫画这种，右键失效或者图片不能另存的网站，用脚本均可以提取并下载。额外功能：zip下载/自动大图。详细见脚本描述(目前只适合chrome+tampermonkey，其他组合多少有问题） // @description:zh-TW 可以在绝大多数网站提取并批量下载图片。尤其是类似于千库网、包图网或者有妖气、腾讯漫画、b站漫画这种，右键失效或者图片不能另存的网站，用脚本均可以提取并下载。额外功能：zip下载/自动大图。详细见脚本描述(目前只适合chrome+tampermonkey，其他组合多少有问题） // @description:ja Images can be extracted and batch downloaded from most websites. Especially for websites the right click fails or image can not save. Extra features: zip download / auto-enlarge image. See the script description at info page (only suitable for chrome+tampermonkey) // @description:ko Images can be extracted and batch downloaded from most websites. Especially for websites the right click fails or image can not save. Extra features: zip download / auto-enlarge image. See the script description at info page (only suitable for chrome+tampermonkey) // @description:de Images can be extracted and batch downloaded from most websites. Especially for websites the right click fails or image can not save. Extra features: zip download / auto-enlarge image. See the script description at info page (only suitable for chrome+tampermonkey) // @description:es Images can be extracted and batch downloaded from most websites. Especially for websites the right click fails or image can not save. Extra features: zip download / auto-enlarge image. See the script description at info page (only suitable for chrome+tampermonkey) // @description:eo Images can be extracted and batch downloaded from most websites. Especially for websites the right click fails or image can not save. Extra features: zip download / auto-enlarge image. See the script description at info page (only suitable for chrome+tampermonkey) // @description:fr Images can be extracted and batch downloaded from most websites. Especially for websites the right click fails or image can not save. Extra features: zip download / auto-enlarge image. See the script description at info page (only suitable for chrome+tampermonkey) // @description:it Images can be extracted and batch downloaded from most websites. Especially for websites the right click fails or image can not save. Extra features: zip download / auto-enlarge image. See the script description at info page (only suitable for chrome+tampermonkey) // @description:ru Images can be extracted and batch downloaded from most websites. Especially for websites the right click fails or image can not save. Extra features: zip download / auto-enlarge image. See the script description at info page (only suitable for chrome+tampermonkey) // @description:vi Images can be extracted and batch downloaded from most websites. Especially for websites the right click fails or image can not save. Extra features: zip download / auto-enlarge image. See the script description at info page (only suitable for chrome+tampermonkey) // @description:pt-BR Images can be extracted and batch downloaded from most websites. Especially for websites the right click fails or image can not save. Extra features: zip download / auto-enlarge image. See the script description at info page (only suitable for chrome+tampermonkey) // @description:id Images can be extracted and batch downloaded from most websites. Especially for websites the right click fails or image can not save. Extra features: zip download / auto-enlarge image. See the script description at info page (only suitable for chrome+tampermonkey) // @description:ar Images can be extracted and batch downloaded from most websites. Especially for websites the right click fails or image can not save. Extra features: zip download / auto-enlarge image. See the script description at info page (only suitable for chrome+tampermonkey) // @description:bg Images can be extracted and batch downloaded from most websites. Especially for websites the right click fails or image can not save. Extra features: zip download / auto-enlarge image. See the script description at info page (only suitable for chrome+tampermonkey) // @description:cs Images can be extracted and batch downloaded from most websites. Especially for websites the right click fails or image can not save. Extra features: zip download / auto-enlarge image. See the script description at info page (only suitable for chrome+tampermonkey) // @description:tr Images can be extracted and batch downloaded from most websites. Especially for websites the right click fails or image can not save. Extra features: zip download / auto-enlarge image. See the script description at info page (only suitable for chrome+tampermonkey) // @description:el Images can be extracted and batch downloaded from most websites. Especially for websites the right click fails or image can not save. Extra features: zip download / auto-enlarge image. See the script description at info page (only suitable for chrome+tampermonkey) // @description:hu Images can be extracted and batch downloaded from most websites. Especially for websites the right click fails or image can not save. Extra features: zip download / auto-enlarge image. See the script description at info page (only suitable for chrome+tampermonkey) // @description:th Images can be extracted and batch downloaded from most websites. Especially for websites the right click fails or image can not save. Extra features: zip download / auto-enlarge image. See the script description at info page (only suitable for chrome+tampermonkey) // @version 2.01 // @author 桃源隐叟 // @include * // @connect * // @grant GM_openInTab // @grant GM_registerMenuCommand // @grant GM_setValue // @grant GM_getValue // @grant GM_deleteValue // @grant GM_xmlhttpRequest // @grant GM_download // @require https://cdn.jsdelivr.net/npm/hotkeys-js@3.7.2/dist/hotkeys.min.js // @require https://cdn.bootcdn.net/ajax/libs/jszip/3.7.1/jszip.min.js // @require https://cdn.bootcdn.net/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js // @run-at document-end // @match * // @match https://www.bilibili.com/ // @match https://588ku.com/ // @homepageURL https://github.com/taoyuancun123/modifyText/blob/master/modifyText.js // @supportURL https://greasyfork.org/zh-CN/scripts/419894/feedback // @license GPLv3 // @downloadURL none // ==/UserScript== (function () { 'use strict'; var lang = navigator.appName == "Netscape" ? navigator.language : navigator.userLanguage; var langSet; var localization = { zh: { selectAll: "全选", downloadBtn: "下载", downloadMenuText: "打开脚本(Alt+w)", zipDownloadBtn: "zip下载", selectAlert:"请至少选中一张图片。", fetchTip:"准备抓取canvas图片", fetchCount1:`抓取canvas图片第`, fetchCount2:'张', fetchDoneTip1:"已选(0/", fetchDoneTip1Type2:"已选(", fetchDoneTip2:")张图片", regRulePlace:"输入待替换正则", regReplacePlace:"输入替换它的字符串或者函数", zipOptionDesc:"勾选使用zip下载后，会请求跨域权限，否则zip下载基本下载不到图片。", zipCheckText:"使用zip下载", downloadUrlFile:"下载图片地址", moreSetting:"更多设置", autoBitImgModule:"自动大图设置模块", defaultSettingRule:"设置默认规则", exportCustomRule:"导出自定规则", importCustomRule:"导入自定规则", fold:"收起", }, en: { selectAll: "selectAll", downloadBtn: "download", downloadMenuText: "Open(Alt+w)", zipDownloadBtn: "zip Download", selectAlert:"Please at last select one image.", fetchTip:"Ready to fetch canvas image.", fetchCount1:`Fetch the`, fetchCount2:' canvas image.', fetchDoneTip1:"(0/", fetchDoneTip1Type2:"(", fetchDoneTip2:") Images selected", regRulePlace:"enter reg express", regReplacePlace:"enter replace string or function", zipOptionDesc:"when zip option checked,will request cors right,otherwise zipDownload can not get pics", zipCheckText:"Use ZipDownload", downloadUrlFile:"Download Imgs Url", moreSetting:"More Setting", autoBitImgModule:"AutoBigImageModule", defaultSettingRule:"SetDefaultRule", exportCustomRule:"exportCustomRule", importCustomRule:"importCustomRule", fold:"fold", } } if (lang.toLowerCase().includes("zh-")) { langSet = localization.zh; } else { langSet = localization.en; } const autoBigImage={ bigImageArray:[], defaultRules:[ {originReg:/(?<=(.+sinaimg\.(?:cn|com)\/))([\w\.]+)(?=(\/.+))/i,replacement:"large",tip:"用于新浪微博"}, {originReg:/(?<=(.+alicdn\.(?:cn|com)\/.+\.(jpg|jpeg|gif|png|bmp|webp)))_.+/i,replacement:"",tip:"用于淘宝系网站"}, {originReg:/(.+alicdn\.(?:cn|com)\/.+)(\.\d+x\d+)(\.(jpg|jpeg|gif|png|bmp|webp)).*/i,replacement:(match,p1,p2,p3)=>p1+p3,tip:"用于1688"}, {originReg:/(?<=(.+360buyimg\.(?:cn|com)\/))(\w+\/)(?=(.+\.(jpg|jpeg|gif|png|bmp|webp)))/i,replacement:"n0/",tip:"用于京东"}, {originReg:/(?<=(.+hdslb\.(?:cn|com)\/.+\.(jpg|jpeg|gif|png|bmp|webp)))@.+/i,replacement:"",tip:"用于B站"}, ], defaultRulesChecked:[ ], userRules:[], userRulesChecked:[], replace(originImgUrls){ let that=this; that.bigImageArray=[]; let tempArray=Array.from(new Set(originImgUrls)).filter(item=>item&&item); that.setRulesChecked(); //console.log(that.bigImageArray); tempArray.forEach(replaceByReg); function replaceByReg(urlStr,urlIndex){ //if(!urlStr)return; if(urlStr.includes("data:image/"))return; that.defaultRules.forEach((rule,ruleIndex)=>{ if(that.defaultRulesChecked[ruleIndex]!=="checked"){ that.bigImageArray.push(urlStr); return; } let bigImage=urlStr.replace(rule.originReg,rule.replacement); if(bigImage!==urlStr){ that.bigImageArray.push(urlStr); that.bigImageArray.push(bigImage); }else{ that.bigImageArray.push(urlStr); } }) that.userRules.forEach((rule,ruleIndex)=>{ if(that.userRulesChecked[ruleIndex]!=="checked"){ that.bigImageArray.push(urlStr); return; } let bigImage=urlStr.replace(rule.originReg,rule.replacement); if(bigImage!==urlStr){ that.bigImageArray.push(urlStr); that.bigImageArray.push(bigImage); }else{ that.bigImageArray.push(urlStr); } }) } }, getBigImageArray(originImgUrls){ this.replace(originImgUrls); let uniqueArray=Array.from(new Set(this.bigImageArray)); return uniqueArray; }, showDefaultRules(){ let that=this; let defaultContainer=document.body.querySelector(".tyc-set-domain-default"); that.setRulesChecked(); this.defaultRules.forEach((v,i)=>{ let rulesHtml=`
${v.tip}
` defaultContainer.insertAdjacentHTML("beforeend",rulesHtml); }) },//showDefaultRules showRules(containerName,rulesType,checkType,checkClassName){ let that=this; let Container=document.body.querySelector("."+containerName); that.setRulesChecked(); that.setCustomRules(); //console.log(that.userRules); //console.log(that); that[rulesType].forEach((v,i)=>{ //console.log(that[checkType]) let rulesHtml=`
${v.tip}
` Container.insertAdjacentHTML("beforeend",rulesHtml); }) }, onclickShowDefaultBtn(){ let defaultContainer=document.body.querySelector(".tyc-set-domain-default"); if(defaultContainer.style.display==="none"||defaultContainer.style.display===''){ defaultContainer.style.display="flex"; }else{ defaultContainer.style.display="none"; } }, oncheckChange(){ let checks=document.body.querySelectorAll(".tyc-default-active"); this.defaultRulesChecked=[]; checks.forEach((v,i)=>{ if(v.checked){ this.defaultRulesChecked.push("checked"); }else{ this.defaultRulesChecked.push(""); } }) GM_setValue("defaultRulesChecked",this.defaultRulesChecked); }, oncheckChangeCustom(){ let checks=document.body.querySelectorAll(".tyc-custom-active"); this.userRulesChecked=[]; checks.forEach((v,i)=>{ if(v.checked){ this.userRulesChecked.push("checked"); }else{ this.userRulesChecked.push(""); } }) GM_setValue("userRulesChecked",this.userRulesChecked); }, setRulesChecked(){ if(GM_getValue("defaultRulesChecked")){ this.defaultRulesChecked=GM_getValue("defaultRulesChecked"); }else{ this.defaultRules.forEach(v=>{ this.defaultRulesChecked.push("checked"); }) GM_setValue("defaultRulesChecked",this.defaultRulesChecked); } if(GM_getValue("userRulesChecked")&&GM_getValue("userRulesChecked").length>0){ this.userRulesChecked=GM_getValue("userRulesChecked"); }else{ this.userRules.forEach(v=>{ this.userRulesChecked.push("checked"); }) GM_setValue("userRulesChecked",this.userRulesChecked); } }, getCustomRules(event){ let that=autoBigImage; let file=document.querySelector("#tycfileElem").files[0]; let fileReader=new FileReader(); fileReader.onload=(e)=>{ let result=e.target.result; that.userRules=eval(result); GM_deleteValue("userRulesChecked") that.setRulesChecked(); GM_setValue("userRules",result); //console.log(GM_getValue('userRules')); document.body.querySelector(".tyc-set-domain-custom").innerHTML=""; that.showRules("tyc-set-domain-custom","userRules","userRulesChecked","tyc-custom-active"); } fileReader.readAsText(file,'GB2312'); }, setCustomRules(){ if(GM_getValue("userRules")){ try { this.userRules=eval(GM_getValue("userRules")); } catch (error) { GM_setValue("userRules",""); } } }, exportCustomRules(){ } } GM_registerMenuCommand(langSet.downloadMenuText, wrapper); hotkeys('alt+w', wrapper); function wrapper() { try { document.querySelector(".tyc-image-container").remove(); } catch { } var imgUrls = []; var bodyStr = document.body.innerHTML; var imgSelected = []; var zipImgSelected = []; var imgWaitDownload = []; var zipImgWaitDownload = []; var widthFilter = { min: 0, max: 3000 }; var heightFilter = { min: 0, max: 3000 }; var filteredImgUrls = []; var zipFilteredImgUrls = []; try{ var zipFolder = new JSZip(); var zipSubFoler = zipFolder.folder('pics'); } catch{ } var fetchTip=''; try { let imgEles = document.getElementsByTagName("img"); let canvasEles=document.getElementsByTagName("canvas"); for (let i = 0; i < imgEles.length; i++) { ////console.log(imgEles[i].src); if (!imgUrls.includes(imgEles[i].src)) { imgUrls.push(imgEles[i].src); } else if (!imgUrls.includes(imgEles[i].srcset)) { imgUrls.push(imgEles[i].srcset); } } let imgRegs = bodyStr.match(/(?<=background-image:\s*url\()(\S+)(?=\))/g); for (let i = 0; i < imgRegs.length; i++) { ////console.log(imgRegs[i]); if (!imgUrls.includes(imgRegs[i].replace(/"/g, ""))) { imgUrls.push(imgRegs[i].replace(/"/g, "")); } } if (window.location.href.includes("hathitrust.org")) { let imgs = document.querySelectorAll(".image img"); if (imgs.length > 0) { let canvas = document.createElement("canvas"); imgUrls = []; for (let pi = 0; pi < imgs.length; pi++) { canvas.width = imgs[pi].width; canvas.height = imgs[pi].height; canvas.getContext("2d").drawImage(imgs[pi], 0, 0); imgUrls.push(canvas.toDataURL("image/png")); } document.querySelector(".select-all").style = "position:relative;width:15px;height:15px;" } else { } } if(window.location.href.toString().includes("manga.bilibili.com/")){ let iframeCanvas=``; if(document.getElementById("tyc-insert-iframe")==null){ document.body.insertAdjacentHTML("afterbegin",iframeCanvas); document.getElementById("tyc-insert-iframe").contentDocument.body.insertAdjacentHTML("afterbegin",``); document.body.getElementsByTagName('canvas')[0].__proto__.toBlob=document.getElementById("tyc-insert-iframe").contentDocument.getElementById("tyc-insert-canvas").__proto__.toBlob; } } let oldLength=imgUrls.length; if(canvasEles.length>0){ fetchTip=langSet.fetchTip; var completeFlag=0; for(let j=0;j .tyc-image-container{ position:fixed; top:0px; left:10%; width:80vw; z-index:2147483645; background-color: #dedede; border: 1px solid #aaa; overflow:scroll;height:100%; } .tyc-image-container button{ border:1px solid #aaa; border-radius:5px; height:32px;line-height:32px; margin:0px;padding:0 5px; } .tyc-image-container button:hover{ background-color: #f50; color: #fff; } .control-section{ width:80vw; z-index:2147483646; position:fixed; top:0px; left:10%; display: flex; flex-direction: column; justify-content: center; line-height:40px; background:#eee;border:1px solid #aaa;border-radius:2px; } .control-section-sub{ display: flex; margin-bottom: 5px; } .tyc-normal-section{ display: flex; align-items: center; flex-direction: row; justify-content: flex-start; flex-wrap: nowrap; align-content: normal; } .btn-download{ border:1px solid #aaa;border-radius:5px; height:32px;line-height:32px; margin:0px;padding:0 5px; } .btn-zipDownload{ border:1px solid #aaa;border-radius:5px; height:32px;line-height:32px; margin:0px;padding:0 5px; } .btn-close{ font-size:20px;position:absolute; right:30px;top:4px; height:32px;line-height:32px; margin:0px; border-radius:10px;border:1px solid #aaa; width:30px; } .tyc-image-wrapper{ margin-top:82px;display:flex;justify-content:center; align-items:center;flex-wrap:wrap; } .tyc-input-checkbox{ background-color: initial; cursor: default; appearance: auto; box-sizing: border-box; margin: 3px 3px 3px 4px; padding: initial; border: initial; } .tyc-extend-set{ padding: 10px; border-top: 1px solid rgba(100,100,100,0.1); } .tyc-extend-set{ display: none; align-items: stretch; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; padding: 5px; width: auto; } .tyc-extend-set-container{ display: flex; align-items: flex-start; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-content: normal; border: 1px solid rgba(100,100,100,0.5); padding: 5px; margin-bottom: 5px; } .tyc-autobigimg-set{ display: flex; align-items: flex-start; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-content: normal; border: 1px solid rgba(100,100,100,0.5); padding: 5px; } .tyc-set-domain{ display: flex; align-items: flex-start; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-content: normal; margin: 5px; padding: 5px; border: 1px solid rgba(100,100,100,0.3); width: 95%; max-height: 150px; overflow: scroll; } .tyc-abi-title{ display: flex; flex-direction: row; align-items: center; justify-content: space-around; width: 100%; } .tyc-abi-domain-title{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 95%; border-bottom: 1px solid #ddd; } .tyc-set-replacerule{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 3px; flex-wrap: wrap; } .tyc-set-replacerule *,.tyc-set-replacerule button{ margin-left: 5px; } .tyc-set-domain-default{ height: 200px; overflow: scroll; display: none; }
${langSet.selectAll} ${langSet.fetchDoneTip1}${imgUrls.length}${langSet.fetchDoneTip2}
Width: -
Height: -
${langSet.zipCheckText}
${langSet.moreSetting}
${langSet.autoBitImgModule}
` let showBigImage = `
` document.body.insertAdjacentHTML("afterbegin", imgContainer); autoBigImage.showDefaultRules(); autoBigImage.showRules("tyc-set-domain-custom","userRules","userRulesChecked","tyc-custom-active"); document.body.onclick = (e) => { //console.log(e); if ((e.target.nodeName == "IMG" && e.target.className === "tyc-image-preview")) { let imgContainer = e.path.find( (ele) => { try { //console.log(ele); return ele.className.includes("tyc-img-item-container"); } catch { } } ) let path = imgContainer.getElementsByTagName("img")[0].src; try { let container = document.querySelector(".show-big-image"); if (container.getElementsByTagName("img")[0].src === path) { container.remove(); return; } else { container.remove(); } } catch { } document.body.insertAdjacentHTML("beforeend", showBigImage); let showItem = `` document.querySelector(".show-big-image").insertAdjacentHTML("beforeend", showItem); let tempImg = document.querySelector(".show-big-image img"); let dWidth = (window.innerWidth - tempImg.width) / 2; let dHeight = (window.innerHeight - tempImg.height) / 2; document.querySelector(".show-big-image").style.left = dWidth + "px"; document.querySelector(".show-big-image").style.top = dHeight + "px"; } else if (e.target.parentElement.className === "show-big-image") { try { document.querySelector(".show-big-image").remove(); } catch { } } else if (e.target.classList[1] == "bi-download" || e.path.find(isDownload) != undefined) { let imgContainer = e.path.find( (ele) => { try { //console.log(ele); return ele.className.includes("tyc-img-item-container"); } catch { } } ) let path = imgContainer.getElementsByTagName("img")[0].src; let filename; if (path.indexOf("/") > 0)//如果包含有"/"号 从最后一个"/"号+1的位置开始截取字符串 { filename = path.substring(path.lastIndexOf("/") + 1, path.lastIndexOf(".")); } else { filename = path; } //console.log("download start" + path + " " + filename); //GM_download(path, "pic"); saveAs(path,"pic") } else if (e.target.classList[1] == "bi-check" || e.path.find(isSelect) != undefined) { let checkSvg = e.path.find((ele) => ele.classList[1] === "bi-check"); let currentImgIndex = parseInt(checkSvg.dataset.value); let container = e.path.find((ele) => ele.className === `tyc-img-item-container-${currentImgIndex}`); if (imgSelected.includes(currentImgIndex)) { imgSelected.splice(imgSelected.indexOf(currentImgIndex), 1); checkSvg.style.color = "black"; container.style.border = "1px solid #99d"; } else { imgSelected.push(currentImgIndex); checkSvg.style.color = "white"; container.style.border = "1px solid white"; } zipImgSelected=imgSelected; document.querySelector(".num-tip").innerText = `${langSet.fetchDoneTip1Type2}${imgSelected.length}/${imgUrls.length}${langSet.fetchDoneTip2}`; imgWaitDownload=transIndexToLink(filteredImgUrls,imgSelected); zipImgWaitDownload=transIndexToLink(zipFilteredImgUrls,zipImgSelected); zipImgWaitDownload=cutoffNotBase64Img(zipImgWaitDownload); } } document.querySelector(".btn-close").onclick = (e) => { document.querySelector(".tyc-image-container").remove(); } document.querySelector(".btn-download").onclick = async (e) => { if (imgWaitDownload.length >= 1) { //console.log(imgWaitDownload); /* imgWaitDownload.forEach(async (img, index) => { //let filename = `pic-${index}.jpg`; //filename=filename.replace(/\\/g, '/').replace(/\/{2,}/g, '/'); //await GM_download(img, `pic-${index}`); }); */ function sleep(){ return new Promise((resolve,reject)=>{ setTimeout(() => { resolve(1); }, 200); }) } for(let i=0;i { //console.log(zipImgWaitDownload); try { if (zipImgWaitDownload.length >= 1) { //console.log(zipImgWaitDownload); zipImgWaitDownload.forEach(async (img, index) => { let fileExt = img.substring(img.indexOf("image/") + 6, img.indexOf(";")) fileExt=fileExt.includes("svg")?"svg":fileExt; let filename = `pic${index}.${fileExt}`; zipSubFoler.file(filename, img.split(",")[1], { base64: true }); }); zipFolder.generateAsync({ type: "blob" }) .then(function (content) { // see FileSaver.js saveAs(content, "pics.zip"); zipFolder.remove("pics"); zipSubFoler = zipFolder.folder('pics'); }); } else { alert(`${langSet.selectAlert}`); } } catch (error) { //console.log(error); } } document.querySelector(".tyc-cors").onmouseover=e=>{ e.preventDefault(); document.querySelector(".tyc-tip").style.display="block"; } document.querySelector(".tyc-cors").onmouseout=e=>{ e.preventDefault(); document.querySelector(".tyc-tip").style.display="none"; } document.body.onchange = (e) => { if (e.target.className.includes("width-check")) { GM_setValue('width-check', e.target.checked); } if (e.target.className.includes("height-check")) { GM_setValue('height-check', e.target.checked); } if (e.target.className.includes("cors-check")) { GM_setValue('cors-check', e.target.checked); if (document.querySelector(".cors-check").checked) { fetchBase64ImgsThenPushToZipArray(); } } if(e.target.className.includes("tyc-default-active")){ autoBigImage.oncheckChange(); } if(e.target.className.includes("tyc-custom-active")){ autoBigImage.oncheckChangeCustom(); } if (e.target.nodeName === "INPUT" && e.target.type === "text" && e.target.className.includes("value")) { GM_setValue(e.target.className, e.target.value); } (e.target.className.includes("width-check") || e.target.className.includes("height-check") || (e.target.nodeName === "INPUT" && e.target.type === "text" && e.target.className.includes("value"))) && (clean(), init()); } document.querySelector(".select-all").onchange = (e) => { if (document.querySelector(".select-all").checked) { imgWaitDownload = filteredImgUrls; zipImgWaitDownload=cutoffNotBase64Img(zipFilteredImgUrls); } else { imgWaitDownload=transIndexToLink(filteredImgUrls,imgSelected); zipImgWaitDownload=transIndexToLink(zipFilteredImgUrls,zipImgSelected); } document.querySelector(".num-tip").innerText = `${langSet.fetchDoneTip1Type2}${imgWaitDownload.length}/${filteredImgUrls.length}${langSet.fetchDoneTip2}`; } document.querySelector(".tyc-extend-btn").onclick=e=>{ if(document.querySelector(".tyc-extend-btn").classList.contains("extend-open")){ document.querySelector(".tyc-extend-btn").classList.remove("extend-open"); document.querySelector(".tyc-extend-set").style.display="none"; document.querySelector(".tyc-extend-btn").style.color="black"; document.querySelector(".tyc-extend-btn").innerHTML=`${langSet.moreSetting} ` ; }else{ document.querySelector(".tyc-extend-btn").classList.add("extend-open"); document.querySelector(".tyc-extend-set").style.display="flex"; document.querySelector(".tyc-extend-btn").style.color="#f50"; document.querySelector(".tyc-extend-btn").innerHTML=`${langSet.fold} ` } } document.querySelector(".tyc-default-rule-show").onclick=autoBigImage.onclickShowDefaultBtn; document.querySelector("#tyc-file-select").onclick=e=>{ document.querySelector("#tycfileElem").click(); } document.querySelector("#tycfileElem").onchange=autoBigImage.getCustomRules; document.querySelector(".tyc-download-url-btn").onclick=e=>{ let blob=new Blob([imgUrls.join("\n")],{ type: "text/plain", endings: "native" }); saveAs(blob,"urls.txt"); } init(); function init() { filteredImgUrls = imgUrls; filteredImgUrls=autoBigImage.getBigImageArray(filteredImgUrls); getSavedValue(); if (document.querySelector(".width-check").checked) { filteredImgUrls = filteredImgUrls.filter(filterByWidth); } if (document.querySelector(".height-check").checked) { filteredImgUrls = filteredImgUrls.filter(filterByHeight); } zipFilteredImgUrls = filteredImgUrls; if (document.querySelector(".cors-check").checked) { fetchBase64ImgsThenPushToZipArray(); } showImage(filteredImgUrls); } function clean() { imgWaitDownload = []; imgSelected = []; document.querySelector(".num-tip").innerText = `${langSet.fetchDoneTip1Type2}${imgSelected.length}/${imgUrls.length}${langSet.fetchDoneTip2}`; document.querySelector(".tyc-image-wrapper").innerHTML = ""; } function isDownload(ele) { return ele.className == "download-direct"; } function isSelect(ele) { return ele.className == "select-image"; } function transIndexToLink(WholeImgs,selectedImgs) { let transedImgs=[]; selectedImgs.forEach((imgIndex, index) => { transedImgs.push(WholeImgs[imgIndex]); }); return transedImgs; } function showImage(filtedImgUrls) { filtedImgUrls.forEach((img, index) => { if (window.location.href.includes("huaban.com")) { if (img.includes("/webp")) { img = img.replace(/\/webp/g, "/png"); } } let insertImg = `
` document.querySelector(".tyc-image-wrapper").insertAdjacentHTML("beforeend", insertImg); let naturalW = document.querySelector(`.tyc-img-item-container-${index} .tyc-image-preview`).naturalWidth; let naturalH = document.querySelector(`.tyc-img-item-container-${index} .tyc-image-preview`).naturalHeight; let imgInfoContainer = `
`; let thisImgContainer = document.querySelector(`.tyc-img-item-container-${index}`); let imgContainerWidth = thisImgContainer.getBoundingClientRect().width; let imgInfo = ` ${naturalW}X${naturalH} `; /* */ let downAndFullBtn = ` `; let downloadBtn = ` ` thisImgContainer.insertAdjacentHTML("beforeend", imgInfoContainer); let thisImgInfoContainer = thisImgContainer.querySelector("div"); let rectWidth = parseInt(thisImgContainer.getBoundingClientRect().width); if (rectWidth > 120) { thisImgInfoContainer.insertAdjacentHTML("beforeend", imgInfo); thisImgInfoContainer.insertAdjacentHTML("beforeend", downAndFullBtn); } else if (rectWidth <= 120 && rectWidth >= 50) { thisImgInfoContainer.insertAdjacentHTML("beforeend", downAndFullBtn); thisImgInfoContainer.getElementsByClassName("select-image")[0].style.right = "50%"; thisImgInfoContainer.getElementsByClassName("download-direct")[0].style.right = "calc(50% - 30px)"; } else { thisImgInfoContainer.insertAdjacentHTML("beforeend", downloadBtn); } ////console.log(img); }); } function filterByWidth(src) { let tempImg = new Image(); tempImg.src = src; if (tempImg.width >= parseInt(document.querySelector(".width-value-min").value) && tempImg.width <= parseInt(document.querySelector(".width-value-max").value)) { return src; } } function filterByHeight(src) { let tempImg = new Image(); tempImg.src = src; if (tempImg.height >= parseInt(document.querySelector(".height-value-min").value) && tempImg.height <= parseInt(document.querySelector(".height-value-max").value)) { return src; } } function getSavedValue() { if(GM_getValue("width-check")!=undefined){ //console.log(GM_getValue("width-check")); (document.querySelector(".width-check").checked = GM_getValue("width-check")); } if(GM_getValue("height-check")!=undefined){ (document.querySelector(".height-check").checked = GM_getValue("height-check")); } if(GM_getValue("cors-check")!=undefined){ (document.querySelector(".cors-check").checked = GM_getValue("cors-check")); } GM_getValue("width-value-min") && (document.querySelector(".width-value-min").value = GM_getValue("width-value-min")); GM_getValue("width-value-max") && (document.querySelector(".width-value-max").value = GM_getValue("width-value-max")); GM_getValue("height-value-min") && (document.querySelector(".height-value-min").value = GM_getValue("height-value-min")); GM_getValue("height-value-max") && (document.querySelector(".height-value-max").value = GM_getValue("height-value-max")); } function fetchBase64ImgsThenPushToZipArray() { zipFilteredImgUrls.forEach((imgUrl, urlIndex) => { if (imgUrl.includes("data:image")) { return; } /* fetch(imgUrl,{ method: "get", mode: 'cors' }).then(response=>{ if (!response.ok) { throw new Error('Network response was not OK'); } return response.blob(); }).then(myBlob=>{ var blob = myBlob let oFileReader = new FileReader(); oFileReader.onloadend = function (e) { let base64 = e.target.result; //console.log("》》", base64) if (base64.includes("data:image")) { zipFilteredImgUrls[urlIndex] = base64; //zipImgWaitDownload.push(base64); } }; oFileReader.readAsDataURL(blob); }) .catch((error)=>{ */ try { GM_xmlhttpRequest({ method: "get", url: imgUrl, responseType: "blob", onload: function (r) { var blob = r.response; let oFileReader = new FileReader(); oFileReader.onloadend = function (e) { let base64 = e.target.result; if (base64.startsWith("data:image")) { zipFilteredImgUrls[urlIndex] = base64; //zipImgWaitDownload.push(base64); } }; oFileReader.readAsDataURL(blob); } }); } catch (error) { } //}) }) } function cutoffNotBase64Img(imgsUrlArray) { let resultArr = []; imgsUrlArray.forEach((imgUrl, urlIndex) => { if (imgUrl.startsWith("data:image")&&imgUrl.includes("base64")) { resultArr.push(imgUrl); } } ); return resultArr; } //下面这个括号是wrapper的括号 } })();