// ==UserScript==
// @name 怠惰聚圖&下載
// @name:zh-CN 怠惰聚图&下载
// @name:zh-TW 怠惰聚圖&下載
// @version 0.2
// @description 自定義規則，透過CSS/XPath選擇器，定位圈選出要下載的DOM image對象，進行下載壓縮打包，也能聚集所有圖片到當前頁面裡。
// @description:zh-CN 自定义规则，透过CSS/XPath选择器，定位圈选出要下载的DOM image对象，进行下载压缩打包，也能聚集所有图片到当前页面里。
// @description:zh-TW 自定義規則，透過CSS/XPath選擇器，定位圈選出要下載的DOM image對象，進行下載壓縮打包，也能聚集所有圖片到當前頁面裡。
// @author tony0809
// @match *://*/*
// @exclude *hcaptcha*
// @exclude *iframe*
// @exclude *addthis*
// @exclude *youtube*
// @exclude *google*
// @icon data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAtFBMVEVEREAAAABEREBEREAuuaIzqpkvr58yiHgzhnY6kYM7mYI4kog4s6A2tpo0r544ooo2nY40sJw0sp00rZg1sJw0sZ0zsp01sZw0sZw0rZk1sJw1sZw1rZk0sp00rpk1sp01sZs1rpk1rpk0sp01spw1sJ00rZo1rZk1rpo0r5k0sJw0sZ01r5o0sZw0rpk0sp01sZ01sJw1spw1r5k1sp01sZw0sZ01sZw1rpk1sp01sZw1r5pUzpTcAAAAOXRSTlMAAAUGCw8QERIUFxgbHB0hIieqq6yvtLa3vb/AwMHCxMXFxsfIyc3Oz+zt7vDx8fL4+Pn5+vr7/v7AEFI4AAABR0lEQVR42qWT11bDMAxApbhsmm5KKVD2KiUQwpD1///FkZcSmh4e8FOsex3LsgymPy6ISkRyA4FlWMRXomIyQOg/SbyKAmSOE2Ip02UOYxf/DILNjOOEWLnAEAqio0MMAzJjTAZh1p0SrYCIuu0cMZc9JbENXLa1NWGdI1nWeQuXGPzBTdzC8ws52UI5MwchrA/VTOuTEP9fFyTG7E+R9q8JLsbW1UHzU8HHrCuU1fyToDlB43xRqMUgfc+/KA77fZrWSH/47zPlzOcpJxG8u32r/OEg5SRCqO/WTeT3+5oTuP4LxrXnd5F7waZ+wM5c+NVeujMRrDYMYueE+VK5E5r3uzOb7TbvHH7f/1pP/L8nU9u38Nwyy8OZdjfwY+ZnmPinp28y3mglNeERDJYy/9A3GYVS+GMPMB+uyL67/qO68Mb8MurBD7foVTtvIbtnAAAAAElFTkSuQmCC
// @license MIT
// @namespace https://greasyfork.org/users/20361
// @grant GM_xmlhttpRequest
// @grant GM.xmlHttpRequest
// @grant unsafeWindow
// @require https://cdn.jsdelivr.net/npm/[email protected]/dist/jszip.min.js
// ==/UserScript==
(async () => {
"use strict";
const options = { //true 開啟，false 關閉
enable: 0, //0為白名單模式根據自訂義規則啟用，1為全局啟用
one: false, //單線程下載
default: "img[src]" //預設CSS/Xpath選擇器/javascript代碼
//default: "js;return [...document.images];"
};
const siteUrl = location.href;
let siteData = {};
let globalImgArray = [];
let customTitle = null;
//自定義站點規則
const customData = [{
name: "小黃書/8色人體攝影 xchina.co/8se.me",//按數字鍵1、Enter插入圖片，按0、Enter、Enter壓縮打包下載
reg: /(xchina|8se)\.(co|me)\/photo\/id/, //網址正則匹配
imgs: "js;let numP=fun.geT('div[target][title]').match(/\\d+/)[0];let max=Math.ceil(numP/18);return fun.getImg('img.cr_only',max,2,['_600x0','']);",
insertImg: "//div[div[@class='photos']]", //清空元素內容把所有圖片插入到此元素
customTitle: "let s=document.title.split('-');let title='';if(/未分/.test(s[1])){title+=s[0].trim()}else{title+=s[1].trim()+' - ';title+=s[0].trim()}return title;",
css: "body{overflow:unset!important}.photos>div.item,.jquery-modal.blocker.current,.slider-ad,.article.ad,.pager>.tips,body>footer~*:not([id^='pv-']):not([class^='pv-']):not(.pagetual_tipsWords):not(.customPicDownloadMsg):not(#customPicDownload),.photoMask,.banner_ad{display: none!important;}",
category: "nsfw2"
}, {
name: "Women Legs Gallery - www.nlegs.com", //專用下載腳本https://greasyfork.org/scripts/463123
enable: 0, //0該站禁用
reg: /www\.nlegs\.com\/girls\//,
imgs: "img[src^=blob]",
category: "nsfw1"
}, {
name: "Hit-x-Hot www.hitxhot.org",
reg: /(www\.)?hitxhot\.(com|org)\/gallerys\/.+\.html/,
imgs: "js;let max=fun.geT('h1').match(/\\d+$/)[0];return fun.getImg('.contentme img',max);",
insertImg: ".contentme",
customTitle: "return document.title.split('|')[0].slice(10).trim()",
category: "nsfw2"
}, {
name: "秀人集 www.xiuren5.com",
reg: /www\.xiuren\d+\.com\/\w+\/\d+\.html/i,
imgs: "js;let max=fun.geT('.page a:last-child',2);return fun.getImg('.content>p img[alt]',max,3);",
insertImg: "//div[p[img[@alt and @title]]]",
customTitle: "return fun.geT('.item_title>h1');",
category: "nsfw1"
}, {
name: "HotAsiaGirl hotgirl.asia 分頁模式",
reg: /hotgirl\.asia\/.+\//,
include: ".galeria_img",
imgs: "js;if(fun.ge('.CustomPictureDownloadImage')){return [...fun.gae('.CustomPictureDownloadImage')]}else{return fun.getImgP('.galeria_img>img','.pagination a[href]')}",
insertImg: ".main-content",
customTitle: "return fun.geT('h3');",
category: "nsfw2"
}, {
name: "HotAsiaGirl hotgirl.asia 幻燈片模式",
reg: /hotgirl\.asia\/.+\//,
include: "#carouselImageIndicators",
imgs: "js;if(fun.ge('.CustomPictureDownloadImage')){return[...fun.gae('.CustomPictureDownloadImage')]}else{return[...fun.gae('#carouselImageIndicators img')]}",
insertImg: ".main-content",
customTitle: "return fun.geT('h3');",
category: "nsfw2"
}, {
name: "MrCong.com",
reg: /mrcong\.com\/.+\//,
imgs: "js;let max=fun.geT('.page-link>*:last-child');return fun.getImg('.entry img[decoding]',max,4)",
insertImg: "//p[img[@decoding]]",
customTitle: "return fun.geT('h1');",
category: "nsfw1"
}, {
name: "萌图社 www.446m.com",
reg: /www\.\d+m\.com\/index\.php\/\w+\/\d+\.html/,
imgs: ".post-item .img",
customTitle: "return document.title.slice(0,-6)",
category: "nsfw1"
}, {
name: "秀色女神 www.xsnvshen.co", //需搭配東方永頁機大圖規則
reg: /www\.xsnvshen\.co\/album\/\d+/,
imgs: ".longConWhite>img",
customTitle: "return fun.geT('h1')",
category: "nsfw1"
}, {
name: "Everia.club",
reg: /everia\.club/,
imgs: ".wp-block-image img",
customTitle: "return fun.geT('h1')",
category: "nsfw2"
}, {
name: "NongMo.Zone www.ilovexs.com",
reg: /www\.ilovexs\.com\/post_id\/\d+\//,
imgs: ".separator img",
customTitle: "return fun.geT('h1')",
category: "nsfw2"
}, {
name: "凸凹吧/撸女吧/女优吧/撸哥吧/欲女吧 www.tuao.one，www.63mm.cc，www.97mm.cc，www.luge8.co，luge8.co",
reg: /(www\.)?(tuao8?|tumm|\d+mm|luge8?)\.[a-z]{2,3}\/(post|web)\//,
imgs: "js;let max=fun.geT('.next-page',2);return fun.getImg('.entry img[title]',max);",
customTitle: "return fun.geT('h1.title');",
category: "nsfw2"
}, {
name: "Asian To Lick asiantolick.com",
reg: /asiantolick\.com\/post/,
imgs: "js;let arr=[];[...fun.gae('div[data-src]')].forEach(e=>{arr.push(e.dataset.src)});return arr;",
insertImg: ".spotlight-group",
customTitle: "return fun.geT('h1');",
category: "nsfw2"
}, {
name: "goddess247.com",
reg: /goddess247\.com\/.+\//,
imgs: ".elementor-widget-container p img[alt]",
customTitle: "return fun.title('-');",
category: "nsfw1"
}, {
name: "www.4kup.net",
reg: /www\.4kup\.net\/.+\.html/,
imgs: "js;let arr=[];[...fun.gae('a.thumb-photo')].forEach(a=>{arr.push(a.href)});return arr;",
insertImg: "#gallery",
customTitle: "return fun.geT('h1');",
next: ".next-page",
category: "nsfw2"
}, {
name: "牛C网导航|就爱你导航 niuc2.com",
reg: /niuc2\.com\/\d+\.html/,
imgs: "js;let max=fun.geT('.page-nav>*:last-child',3);return fun.getImg(\"[class*='wp-image']\",max,5);",
insertImg: "//p[a[img[@decoding]]]",
customTitle: "return document.title.split('|')[0].trim()",
css: ".post-apd{display: none!important;}",
category: "nsfw2"
}, {
name: "H漫畫貼圖 - 7mmtv.sx",
reg: /7mmtv\.sx\/.*hcomic/,
imgs: "js;return Large_cgurl;",
customTitle: "return fun.title('-');",
category: "hcomic"
}, {
name: "嗨皮漫畫 m.happymh.com",
reg: /m\.happymh\.com\/reads/,
imgs: "js;let lps=location.pathname.split('/'),mangaCode=lps[2],id=lps[3],apiUrl=`https://m.happymh.com/v2.0/apis/manga/read?code=${mangaCode}&cid=${id}`;return fetch(apiUrl).then(res=>res.text()).then(res=>{let jsonData=JSON.parse(res);let srcs=jsonData.data.scans;let arr=[];for(let i in srcs){arr.push(srcs[i].url)}return arr});",
customTitle: "let lps=location.pathname.split('/'),mangaCode=lps[2],id=lps[3],apiUrl=`https://m.happymh.com/v2.0/apis/manga/read?code=${mangaCode}&cid=${id}`;return fetch(apiUrl).then(res=>res.text()).then(res=>{let jsonData=JSON.parse(res);return jsonData.data.manga_name+' - '+jsonData.data.chapter_name});",
insertImg: "//article[div[contains(@id,'imageLoader')]]",
next: "//a[span[text()='下一話' or text()='下一话']]",
category: "comic"
}, {
name: "COLAMANHUA www.colamanhua.com", //下載不了...Picviewer CE+可以
enable: 0,
reg: /www\.colamanhua\.com\/manga-.+\.html$/,
imgs: ".mh_comicpic img[src^=blob]",
one: true,
category: "comic"
}, {
name: "8Comic無限動漫 www.comicabc.com",
reg: /(a|www)\.(comicabc|twobili)\.com\/(ReadComic|online)/,
imgs: "js;let code=[...document.scripts].find(s=>s.innerHTML.search(/ge\\(e\\)/)>-1).innerHTML;let cM=code.match(/ge\\([^.]+\\.src\\s?=\\s?([^;]+)/);let keyCode=cM[1];let arr=[];for(let i=1;i<=ps;i++){let r='('+i+')';let src='https:'+fun.run(keyCode.replace(/\\(pp?\\)/g,r));arr.push(src)}return arr;",
customTitle: "let t=document.title.split(' ')[0];return`${t}-第${ch}集`;",
next: "//button[text()='下一集']",
category: "comic"
}, {
name: "8Comic無限動漫手機版 m.comicbus.com",
reg: /8\.twobili\.com\/comic\/insurance/,
imgs: "js;let arr=[];for(let i=1;i<=ps;i++){let imgSrc='https://img'+ss(c,4,2)+'.8comic.com/'+ss(c,6,1)+'/'+ti+'/'+ss(c,0,4)+'/'+nn([i])+'_'+ss(c,mm([i])+10,3,f)+'.jpg';arr.push(imgSrc)}return arr;",
customTitle: "let t=document.title.split(' ')[0];let n=fun.geT('#chapter');return t+' - '+n;",
next: "#nextvol",
category: "comic"
}, {
name: "DM5/極速 分頁模式 www.dm5.com",
reg: /(www|tel|en|cnc|hk|m)?\.?(dm5|1kkk)\.(com|cn)\/(m|ch|vol|other)[-_0-9]+\//,
include: "#chapterpager",
imgs: "js;let get=async()=>{if(!mkey){var mkey=''}let arr=[];for(let i=1;i<=DM5_IMAGE_COUNT;i++){fun.show(`獲取資料中(${i}/${DM5_IMAGE_COUNT})`);let apiUrl=location.origin+DM5_CURL+'chapterfun.ashx'+`?cid=${DM5_CID}&page=${i}&key=${mkey}&language=1>k=6&_cid=${DM5_CID}&_mid=${DM5_MID}&_dt=${DM5_VIEWSIGN_DT}&_sign=${DM5_VIEWSIGN}`,res=await fetch(apiUrl),resText=await res.text(),src=await fun.run(resText)[0];arr.push(src)}return arr};return get();",
insertImg: "#cp_img",
customTitle: "return fun.title('_', 2);",
next: "//a[text()='下一章']",
category: "comic"
}, {
name: "DM5/極速 條漫模式 https://www.dm5.com/manhua-moutianchengweimoshen/",
reg: /(www|tel|en|cnc|hk|m)?\.?(dm5|1kkk)\.(com|cn)\/(m|ch|vol|other)[-_0-9]+\//,
include: "#barChapter",
imgs: "#barChapter>img",
customTitle: "return fun.title('_', 2);",
next: "//a[text()='下一章']",
category: "comic"
}, {
name: "DM5/極速 手機版 m.dm5.com",
reg: /(www|tel|en|cnc|hk|m)?\.?(dm5|1kkk)\.(com|cn)\/(m|ch|vol|other)[-_0-9]+\//,
include: "//script[contains(text(),'newImgs')]",
imgs: "js;return newImgs",
insertImg: "#cp_img", //清空元素內容把所有圖片插入到此元素
customTitle: "return fun.title('_', 2);",
next: "//a[text()='下一章']",
category: "comic"
}];
const fun = {
ge: (e, d) => {
if (/^\//.test(e)) {
return (d || document).evaluate(e, (d || document), null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
} else {
return (d || document).querySelector(e);
}
},
gae: (e, d) => {
if (/^\//.test(e)) {
let nodes = [];
let results = (d || document).evaluate(e, (d || document), null, XPathResult.ANY_TYPE, null);
let node;
while (node = results.iterateNext()) {
nodes.push(node);
}
return nodes;
} else {
return (d || document).querySelectorAll(e);
}
},
geT: (ele, mode = 1) => {
if (mode == 1) {
return fun.ge(ele).innerText;
} else if (mode == 2) {
return fun.ge(ele).previousElementSibling.innerText;
} else if (mode == 3) {
return fun.ge(ele).previousElementSibling.previousElementSibling.innerText;
}
},
run: code => new Function("return " + code)(),
html: str => new DOMParser().parseFromString(str, 'text/html'),
title: (str, mode = 1) => {
let s = document.title.split(str);
if (mode == 1) {
return s[0].replace(/,$/, '').trim();
} else if (mode == 2) {
return s[0] + str + s[1].replace(/,$/, '').trim();
}
return '參數錯誤';
},
show: text => {
let msg = fun.ge(".customPicDownloadMsg");
if (fun.ge(".customPicDownloadMsg[style]")) {
msg.removeAttribute('style');
}
msg.innerText = text;
},
checkDataset: img => {
if (img.tagName == "IMG" || img.tagName == "DIV") {
const setArr = ["data-src", "data-original", "data-url", "data-thumb", "data-lazy-src", "data-lazyload", "data-lazyload-src"];
//for (let i in setArr) {
for (let i = 0; i < setArr.length; i++) {
let imgSrc = img.getAttribute(setArr[i]);
if (imgSrc) {
return {
ok: true,
src: imgSrc
};
}
}
}
return {
ok: false
};
},
getImg: async (img, maxPage = 1, mode = 1, rText = [null, null]) => {
fun.show("獲取元素中");
let imgsArray = [];
let html = url => fetch(url).then(res => res.text());
let resArr = [];
resArr.push(html(siteUrl));
if (maxPage > 1) {
for (let i = 2; i <= maxPage; i++) {
if (mode == 1) {
//.html => .html?page=2 第二頁
resArr.push(html(siteUrl + "?page=" + i));
} else if (mode == 2) {
//.html ==> /2.html 第二頁
resArr.push(html(siteUrl.slice(0, -5) + '/' + i + '.html'));
} else if (mode == 3) {
//.html ==> _1.html 第二頁
resArr.push(html(siteUrl.slice(0, -5) + '_' + (i -1) + '.html'));
} else if (mode == 4) {
//【/ ==> /2/】 第二頁
resArr.push(html(siteUrl.slice(0, -1) + '/' + i + '/'));
} else if (mode == 5) {
//.html ==> -2.html 第二頁
resArr.push(html(siteUrl.slice(0, -5) + '-' + i + '.html'));
}
}
}
await Promise.all(resArr).then((htmls) => {
for (let i = 0; i < htmls.length; i++) {
let doc = fun.html(htmls[i]);
let imgs = [...fun.gae(img, doc)];
for (let i = 0; i < imgs.length; i++) {
if (rText[0]) {
imgs[i].src = imgs[i].src.replace(rText[0], rText[1]);
}
imgsArray.push(imgs[i]);
}
}
});
imgsArray = imgsArray.filter(i => i);
//imgsArray = imgsArray.filter(i => i.tagName == "IMG");
return imgsArray;
},
getImgP: async (img, paginationA, rText = [null, null] ) => {//從頁碼條抓鏈接
fun.show("獲取元素中");
let imgsArray = [];
let html = url => fetch(url).then(res => res.text());
let resArr = [];
resArr.push(html(siteUrl));
let links = fun.gae(paginationA);
for (let i = 0; i < links.length; i++) {
resArr.push(html(links[i].href));
}
await Promise.all(resArr).then((htmls) => {
for (let i = 0; i < htmls.length; i++) {
let doc = fun.html(htmls[i]);
debug("getImgP DOM", doc);
let imgs = [...fun.gae(img, doc)];
for (let i = 0; i < imgs.length; i++) {
if (rText[0]) {
imgs[i].src = imgs[i].src.replace(rText[0], rText[1]);
}
imgsArray.push(imgs[i]);
}
}
});
imgsArray = imgsArray.filter(i => i);
return imgsArray;
},
insertImg: (imgsArray, ele) => {
let srcArr = [];
//for (let i in imgsArray) {
for (let i = 0; i < imgsArray.length; i++) {
let imgSrc;
let check = fun.checkDataset(imgsArray[i]);
if (imgsArray[i].tagName == 'IMG' && check.ok) {
srcArr.push(check.src);
} else if (imgsArray[i].tagName == 'IMG') {
srcArr.push(imgsArray[i].src);
} else if (/^http/.test(imgsArray[i])) {
srcArr.push(imgsArray[i]);
} else {
debug("insertImg格式錯誤！", imgsArray[i]);
return;
}
}
let fragment = new DocumentFragment();
//for (let i in srcArr) {
for (let i = 0; i < srcArr.length; i++) {
let img = new Image();
img.className = "CustomPictureDownloadImage";
img.src = srcArr[i];
fragment.appendChild(img);
}
let E = fun.ge(ele);
if (E) {
E.innerHTML = "";
E.appendChild(fragment);
} else {
debug("用來定位插入的元素不存在");
}
},
css: css => {
let style = document.createElement("style");
style.type = "text/css";
style.id = "CustomPictureDownloadStyle";
style.innerHTML = css;
document.head.appendChild(style);
}
};
const debug = (str, obj = "", title = "debug") => {
console.log(
`%c[Custom Picture Download] ${title}:`,
'background-color: #C9FFC9;',
str, obj
);
};
let nsfw1Data = customData.filter(item => item.category == "nsfw1"); //列出寫真站
let nsfw2Data = customData.filter(item => item.category == "nsfw2"); //列出老司機站
let comicData = customData.filter(item => item.category == "comic"); //列出普漫站
let hcomicData = customData.filter(item => item.category == "hcomic"); //列出H漫站
let noneData = customData.filter(item => item.category == "none"); //列出未分類
//for (let i in customData) {
for (let i = 0; i < customData.length; i++) {
if (customData[i].reg.test(siteUrl)) {
options.enable = 1;
if (customData[i].enable == 0) {
options.enable = 0;
debug("禁用");
return;
}
if (customData[i].imgs) {
options.default = customData[i].imgs;
debug(`CSS/Xpath/JS選擇器：${options.default}`);
}
if (customData[i].one) {
options.one = customData[i].one;
debug("單線程下載");
}
let titleCode = customData[i].customTitle;
if (titleCode) {
customTitle = await new Function("fun", '"use strict";' + titleCode)(fun);
debug(`自定義標題：${customTitle}`);
}
let include = customData[i].include;
if (include) {
if (!fun.ge(include)) {
options.enable = 0;
console.clear();
debug("頁面沒有包含必須元素，跳出本次循環繼續遍歷");
continue;
}
}
let exclude = customData[i].exclude;
if (exclude) {
if (fun.ge(exclude)) {
options.enable = 0;
console.clear();
debug("頁面包含排除元素，跳出本次循環繼續遍歷");
continue;
}
}
let next = customData[i].next;
if (next) {
document.addEventListener('keydown', (event) => {
let key = window.event ? event.keyCode : event.which;
if (key == 39) {
let n = fun.ge(next);
if (n) n.click();
}
});
}
let css = customData[i].css;
if (css) {
fun.css(css);
}
siteData = customData[i];
break;
}
}
if (siteData.reg) {
debug("列出寫真站", nsfw1Data);
debug("列出老司機站", nsfw2Data);
debug("列出普漫站", comicData);
debug("列出H漫站", hcomicData);
debug("列出未分類", noneData);
debug("全局此站資料", siteData);
}
let promiseBlobArray = [];
let downloadNum = 0;
var _GM_xmlhttpRequest;
if (typeof GM_xmlhttpRequest != "undefined") {
_GM_xmlhttpRequest = GM_xmlhttpRequest;
} else if (typeof GM != "undefined" && typeof GM.xmlHttpRequest != "undefined") {
_GM_xmlhttpRequest = GM.xmlHttpRequest;
}
const ge = css => document.querySelector(css);
const gae = css => document.querySelectorAll(css);
const gx = xpath => document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
const gax = xpath => {
let nodes = [];
let results = document.evaluate(xpath, document, null, XPathResult.ANY_TYPE, null);
let node;
while (node = results.iterateNext()) {
nodes.push(node);
}
return nodes;
};
const getNum = (i) => {
let n = parseInt(i) + 1;
let picNum = n;
if (i < 9) {
picNum = "000" + n;
} else if (i < 99) {
picNum = "00" + n;
} else if (i < 999) {
picNum = "0" + n;
}
return picNum;
};
const showMsg = (text, time = 1000) => {
ge(".customPicDownloadMsg").removeAttribute("style");
ge(".customPicDownloadMsg").innerText = text;
setTimeout(() => {
ge(".customPicDownloadMsg").innerText = "none";
ge(".customPicDownloadMsg").style = "display:none";
}, time);
};
const checkDataset = (img) => {
if (img.tagName == 'IMG') {
const setArr = ["data-src", "data-original", "data-url", "data-thumb", "data-lazy-src", "data-lazyload", "data-lazyload-src"];
//for (let i in setArr) {
for (let i = 0; i < setArr.length; i++) {
let imgSrc = img.getAttribute(setArr[i]);
if (imgSrc) {
return {
ok: true,
src: imgSrc
};
}
}
}
return {
ok: false
};
};
const getData = (srcUrl, picNum, imgsNum) => {
return new Promise((resolve) => {
const getMsg = (text) => {
downloadNum += 1;
ge(".customPicDownloadMsg").innerText = `第${downloadNum}/${imgsNum}張下載${text}`;
};
_GM_xmlhttpRequest({
method: "GET",
url: srcUrl,
responseType: "blob",
headers: {
referer: location.origin + "/"
},
onload: (data) => {
let blob = data.response;
if (/^image/.test(blob.type)) {
resolve({
blob: blob,
picNum: picNum
});
getMsg("完成");
} else {
resolve({
error: "下載錯誤",
picNum: picNum,
src: srcUrl,
blob: blob
});
getMsg("錯誤");
}
},
onerror: (error) => {
resolve({
error: "下載錯誤",
picNum: picNum,
src: srcUrl
});
getMsg("錯誤");
}
});
});
};
const imgZipDownload = async () => {
if (/\d+/.test(ge(".customPicDownloadMsg").innerText)) {
alert("下載&壓縮中請勿重複操作！");
return;
}
let selector = await prompt("請輸入自訂CSS/Xpath選擇器：\n範例：img#TheImg OR //img[@id='TheImg']\n也能使用JS代碼自己生成的IMG元素陣列\n範例：js;return [...document.images];", options.default);
let imgs;
if (!selector || selector === "") {
showMsg("已取消");
return;
} else if (selector.length < 3) {
showMsg("字數小於3已取消");
return;
} else if (/^js;/.test(selector)) {
imgs = await new Function("fun", '"use strict";' + selector.slice(3))(fun);
debug("JSimgs：", imgs);
} else if (/^\//.test(selector)) {
imgs = [...gax(selector)];
} else {
imgs = [...gae(selector)];
}
imgs = imgs.filter(item => item); //去除空、無用、重複
globalImgArray = imgs;
let titleText = await prompt("請輸入自訂壓縮檔資料夾名稱", (customTitle || document.title));
if (imgs[0] && titleText != null && titleText != "") {
debug("imgZipDownload()：", imgs);
const imgsNum = imgs.length;
let title = titleText;
const zip = new JSZip();
const zipFolder = zip.folder(`${title} [${imgsNum}P]`);
ge(".customPicDownloadMsg").removeAttribute("style");
ge(".customPicDownloadMsg").innerText = "0101010101...";
//for (let i in imgs) {
for (let i = 0; i < imgs.length; i++) {
let n = parseInt(i) + 1;
let picNum = getNum(i);
let promiseBlob;
let imgSrc;
let check = fun.checkDataset(imgs[i]);
if (imgs[i].tagName == 'IMG' && check.ok) {
imgSrc = check.src;
} else if (imgs[i].tagName == 'IMG') {
imgSrc = imgs[i].src;
} else if (/^http/.test(imgs[i])) {
imgSrc = imgs[i];
} else {
debug("格式錯誤！", imgs[i]);
continue;
}
if (options.one) {
promiseBlob = await getData(imgSrc, picNum, imgsNum);
} else {
promiseBlob = getData(imgSrc, picNum, imgsNum);
}
promiseBlobArray.push(promiseBlob);
}
debug("PromiseBlobArray：", promiseBlobArray);
Promise.all(promiseBlobArray).then((data) => {
debug("PromiseAllData：", data);
let blobDataArray = data.filter(item => item.blob); //成功下載
let errorDataArray = data.filter(item => item.error); //下載錯誤
debug("NewDataArray：", blobDataArray);
debug("ErrorDataArray：", errorDataArray);
if (blobDataArray[0]) {
//for (let i in blobDataArray) {
for (let i = 0; i < blobDataArray.length; i++) {
let n = parseInt(i) + 1;
let ex = blobDataArray[i].blob.type.split("/")[1];
let fileName = `${blobDataArray[i].picNum}P.${ex}`;
//console.log(`第${n}/${blobDataArray.length}張，檔案名：${fileName}，大小：${parseInt(blobDataArray[i].blob.size / 1024)} Kb`);
zipFolder.file(fileName, blobDataArray[i].blob, {
binary: true
});
}
zip.generateAsync({
type: "blob"
}, (metadata) => {
ge(".customPicDownloadMsg").innerText = "壓縮進度: " + metadata.percent.toFixed(2) + " %";
}).then(data => {
promiseBlobArray = [];
downloadNum = 0;
debug("ZIP壓縮檔數據：", data);
ge(".customPicDownloadMsg").innerText = "none";
ge(".customPicDownloadMsg").style = "display:none";
let a = document.createElement("a");
a.href = URL.createObjectURL(data);
a.download = `${title} [${imgsNum}P].zip`;
document.body.appendChild(a);
a.click();
a.remove();
URL.revokeObjectURL(data);
});
} else {
promiseBlobArray = [];
downloadNum = 0;
showMsg("下載失敗數據為空...");
}
});
} else {
showMsg("無圖或壓縮檔名稱為null", 3000);
}
};
const copyImgSrcText = async () => {
let selector = await prompt("請輸入自訂CSS/Xpath選擇器：\n範例：img#TheImg OR //img[@id='TheImg']\n也能使用JS代碼自己生成的IMG元素陣列\n範例：js;return [...document.images];", options.default);
let imgs;
let imgSrcArray = [];
if (!selector || selector === "") {
showMsg("已取消");
return;
} else if (selector.length < 3) {
showMsg("字數小於3已取消");
return;
} else if (/^js;/.test(selector)) {
imgs = await new Function("fun", '"use strict";' + selector.slice(3))(fun);
debug("JSimgs：", imgs);
} else if (/^\//.test(selector)) {
imgs = [...gax(selector)];
} else {
imgs = [...gae(selector)];
}
imgs = imgs.filter(item => item); //去除空、無用、重複
if (siteData.insertImg) {
debug("insertImg()：", imgs);
} else {
debug("CopyImgSrcText()：", imgs);
}
if (imgs[0]) {
//for (let i in imgs) {
for (let i = 0; i < imgs.length; i++) {
let imgSrc;
let check = fun.checkDataset(imgs[i]);
if (imgs[i].tagName == 'IMG' && check.ok) {
imgSrc = check.src;
} else if (imgs[i].tagName == 'IMG') {
imgSrc = imgs[i].src;
} else if (/^http/.test(imgs[i])) {
imgSrcArray = [...imgs].filter(item => item);
break;
} else {
debug("格式錯誤！", imgs[i]);
continue;
}
imgSrcArray.push(imgSrc);
}
} else {
showMsg("沒有任何圖片元素...");
return;
}
globalImgArray = imgSrcArray;
if (siteData.insertImg) {
fun.insertImg(globalImgArray, siteData.insertImg);
showMsg("已插入全部圖片");
return;
/*
let yes = confirm("已經插入所有圖片了，還要將網址複製到剪貼簿嗎？");
if (!yes) {
showMsg("已取消");
return;
}*/
}
imgSrcArray.push(customTitle || document.title);
debug("imgSrcArray：", imgSrcArray);
let str = imgSrcArray.join("\n");
console.log(str);
copyToClipboard(str);
showMsg(`圖片網址已複製(${imgs.length})`);
imgSrcArray = null;
};
const copyToClipboard = (textToCopy) => {
if (navigator.clipboard && window.isSecureContext) {
return navigator.clipboard.writeText(textToCopy);
} else {
let textArea = document.createElement("textarea");
textArea.value = textToCopy;
textArea.style.position = "absolute";
textArea.style.opacity = 0;
textArea.style.left = "-999999px";
textArea.style.top = "-999999px";
document.body.appendChild(textArea);
textArea.focus();
textArea.select();
return new Promise((res, rej) => {
document.execCommand('copy') ? res() : rej();
textArea.remove();
});
}
};
const oneSwitch = () => {
if (options.one) {
options.one = false;
showMsg("啟用多線程");
} else {
options.one = true;
showMsg("啟用單線程");
}
};
const addCustomPicDownloadButton = () => {
let img = new Image();
img.id = "customPicDownload";
img.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAACFlBMVEVEREAAAABEREBEREBUXnFTXXBTXG5VXXJUXHFUW28grV0grV0hrl4hrV0hq10iql0oomAhrV2BiZiAiJd/h5V+h5Uiq16OlaKNlKGMk5+Mkp+KkZ89p28nq2Hp9+/n9u3t8PHs7/Dg9Ojp7O3d8+bo7O3o6+zn6+3m6uzl6evX8OLV8OHi5ujh5efO7dze4uTe4ePb3+LY3eDX29/W2t7T19u35Mu25Mr01lqw4sbz1Vmv4sXA1NWs4cPw0lnv0lmp4MCk3r3ozVuh3buu0M6vz83kylugysefycadx8OexsOdxsOF0qZ6zp5pyJK1p2S0pmOsoGRWv4SLlKEmuZpBsnc5t3AmuJmQi2ont5kmtpcptJiOiWg0tWwytGorr5Yqr5YsrpUws2kqrJRNmpMusmcsqpIuqJMssWkqsWQqsGUnsGUzoI8lsGGAf2wkr2Ekr2BzfI0irl8hrl5ye4x9fGogrWAhrV03mIwgrF9xeoshq10gql8dp2ccp2cdpmkcnIUanIYcm4QRoIUTnoURn4QdmYM/h4QcmIMSnYMXmoMWmoIbloIclYJDgYIYl4EaloAek4IfkYFqbm0jjoBqbW0ni4ApiX9Hd35kanBjaXBhaG9MbnpOanhOaXhPaHdDbXZHanZGanRLZnZJZ3RSYnVMZXRPY3ROY3VSYXRQYnRTYHRVX3NUX3RSYHNUXnNTXXJTXXFME6frAAAAHnRSTlMAAAUGZ2dqeHh7lrzNzc7O3O/09PT19fn5+fn5/f4hZOrvAAAB1UlEQVR42oWTzYoTQRSFv6q6RqOoqBicTTCKK1cOURBGBV9AXCgu9Vl8FF/ApcshI4qKgrtBByZK0HSGmMxkMrF/qq6LTjptErGX5zu3uu65dY3TYCh9ag2UNPsfjnmpZW4MgBbaIy/6PCnxvL7gEQhJ7AruAqifcZ96EHDX67ngKgCJn/k3B6AC1O9Cj9ri/2mBsZIf9iLi0rMFDhhjbO6NsL9er+CQG3pYMT+XuGVmuH9SzPF7S/UONDfUHl44/6A24wfdpMgsSO6tP52ffxjF6cUT056MBdxf/cVRzP6PiQG8KhZMJedhewik0QT43RsBQUEwLufZx53Td85p7wCwEu+Fs6qAGBsA1aO3XUZbG/EAsAJJlM/MGgOoDltdYNTam3JIOlVmOaj2N/sAjHf9lGdBqwACmmi0FU/TOWxfEY483o/9tcuvJBXU+90PaZHf5NtVFzTL+N7bqD4GS9DRmzl3btJWk2WFIKradqX8LfudU3VKBuKd0vwc+HCjNDJhkJXfB6jq+wZJBSAT5MmKN1/la7sJ+jmsiyQrdkZo9N819FNnXcSZFTt1rGnXhl/G6a26IP/YOXczi5prQmFY3snbkzNSXGyBV+28p+nNF+vn2h97PvHD5SOHkgAAAABJRU5ErkJggg==";
img.setAttribute("title", "左鍵：進行下載打包壓縮\n中鍵：切換單多線程\n右鍵：複製圖片網址和標題或插入所有圖片");
img.oncontextmenu = () => false;
img.addEventListener("click", () => {
imgZipDownload();
});
img.addEventListener("mousedown", (event) => {
if (event.button == 1) {
event.preventDefault();
oneSwitch();
}
if (event.button == 2) {
copyImgSrcText();
}
});
document.body.appendChild(img);
};
const addCustomPicDownloadMsg = () => {
let div = document.createElement("div");
div.className = "customPicDownloadMsg";
div.style = "display:none";
div.innerText = "none";
document.body.appendChild(div);
};
const addGlobalStyle = css => {
let style = document.createElement("style");
style.type = "text/css";
style.innerHTML = css;
document.head.appendChild(style);
};
const css = `
#customPicDownload {
width: 32px!important;
height: 32px!important;
position: fixed!important;
bottom: 20px!important;
left: 20px!important;
z-index:2147483647;
opacity: 0.8!important;
}
.customPicDownloadMsg {
font-family: Arial,sans-serif!important;
font-size: 26px;
font-weight: bold;
text-align: center;
line-height: 50px;
color: #ffffff;
width: 280px;
height: 50px;
top: 30%;
left: 50%;
margin-left: -140px;
background-color: #000;
border: 1px solid #303030;
border-radius: 10px;
position: fixed;
z-index:2147483647;
opacity: 0.7;
}
.CustomPictureDownloadImage {
width: auto !important;
height: auto !important;
max-width: 100% !important;
display: block !important;
margin: 0 auto !important
}
`;
if (options.enable == 1) {
addCustomPicDownloadButton();
addCustomPicDownloadMsg();
addGlobalStyle(css);
document.addEventListener('keydown', (e) => {
switch (e.keyCode) {
case 96: //數字鍵0
imgZipDownload();
break;
case 97: //數字鍵1
copyImgSrcText();
break;
}
});
}
})();
