☰

Get_all_img_Library

添加了downloader和Add_css;

Od 28.10.2024.. Pogledajte najnovija verzija.

Ovu skriptu ne treba izravno instalirati. To je biblioteka za druge skripte koje se uključuju u meta direktivu // @require https://update.sleazyfork.org/scripts/480132/1473184/Get_all_img_Library.js 

  1. // ==UserScript==
  2. // @name         Get_all_img_Library
  3. // @namespace    http://tampermonkey.net/
  4. // @version      2024.10.28
  5. // @description  添加了downloader和Add_css;
  6. // @author       You
  7. // @grant        none
  8. // ==/UserScript==
  9. function get_img_obo_sessionStorage(key,nums,geturl,getimg,putimg){
  10. 	if(window.location.href.indexOf(key)<0){return}
  11. 	var i = 2
  12. 	if(sessionStorage.num){i = Number(sessionStorage.num)}
  13. 	var oldimg = $(sessionStorage.img)
  14. 	before_reflash(i,oldimg,putimg)
  15. 	
  16. 	var state = sessionStorage.state
  17. 	if(state!='start'){putimg($(sessionStorage.img),0);sessionStorage.clear();return}
  18. 	
  19. 	if(i<=nums){
  20. 		var href = geturl(i)
  21. 		if(!href){putimg($(sessionStorage.img),0);sessionStorage.clear();return}
  22. 		$.ajax({
  23. 			url:href,
  24. 			success:function(){
  25. 				var img = getimg('')
  26. 				if(sessionStorage.img==undefined){sessionStorage.img=""}
  27. 				sessionStorage.img += $('<div></div>').append(img.clone()).html()
  28. 				window.location.href = href
  29. 				i+=1
  30. 				sessionStorage.num = i
  31. 			},
  32. 			error:function(){
  33. 				alert(href+' error')
  34. 				putimg($(sessionStorage.img),0)
  35. 				sessionStorage.clear()
  36. 			},
  37. 		})
  38. 		
  39. 	}else{
  40. 		putimg($(sessionStorage.img),0)
  41. 		sessionStorage.clear()
  42. 	}
  43. }
  44. function before_reflash(i,oldimg,putimg){
  45. 	if(sessionStorage.reflash){putimg($(sessionStorage.img),0)}
  46.  
  47. 	console.log('before_reflash')
  48. 	window.onbeforeunload = function(){
  49. 		if(!oldimg){return}
  50. 		if(sessionStorage.state){return}
  51. 		sessionStorage.img = $('<div></div>').append(oldimg).html()
  52. 		sessionStorage.reflash = 'reflash'
  53. 		sessionStorage.num = i
  54. 	}
  55. }
  56. function get_img_obo_ajax_href(key,nums,geturl,getimg,putimg){
  57. 	var obo = function(i){
  58. 		var href = geturl(i)
  59. 		console.log(href)
  60. 		if(!href){return}
  61. 		$.ajax({
  62. 			url:href,
  63. 			success:function(data){
  64. 				var img = getimg(data)
  65. 				putimg(img,i)
  66. 				showmass(i+'/'+nums)
  67. 				
  68. 				i+=1
  69. 				if(i>=nums){return}
  70. 				obo(i)
  71. 			},
  72. 			error:function(){
  73. 				console.log('error: '+href)
  74. 				i+=1
  75. 				if(i>=nums){return}
  76. 				obo(i)
  77. 			}
  78. 		})
  79. 	};obo(0)
  80. }
  81. function new_bottom_bu(text){
  82. 	var bu = $('<button></button>').text(text).css({
  83. 		position:'fixed',
  84. 		bottom:0,
  85. 		width:'100vw',
  86. 		height:'10vh',
  87. 		'font-size':'5vh'
  88. 	})
  89. 	return bu
  90. }
  91. function obo_sessionStorage_start_bu(){
  92. 	var bu = new_bottom_bu("start")
  93. 	bu.click(function(){
  94. 		if(sessionStorage.state!='start'){
  95. 			sessionStorage.clear()
  96. 			sessionStorage.setItem('state','start')
  97. 			location.reload()
  98. 		}else{
  99. 			sessionStorage.clear()
  100. 		}
  101. 	})
  102. 	return bu
  103. }
  104. function showmass(ms) {
  105. 	if($('.mass_top').attr('class')){$('.mass_top').text(ms);return}
  106. 	$('body').append($('<div class="mass_top"></div>').css({
  107. 		'font-size':'2vw',
  108. 		'color':'rgba(0, 102, 0, 0.5)',
  109. 		'position':'fixed',
  110. 		'top':'10px',
  111. 		'left':'10px',
  112. 		'font-weight':'bold',
  113. 		'z-index':99999999,
  114. 	}).click(function(){$(this).hide()}))
  115. 	$('.mass_top').text(ms)
  116. }
  117. function add_css(tag,object){
  118. 	var style = $('<style></style>').text(tag+JSON.stringify(object).replace(/\"/g,'').replace(/,/g,";"))
  119. 	$('body').append(style)
  120. }
  121. function remove_sameimg(){
  122. 	var hs = new Array()
  123. 	$('img').each(function(){
  124. 		if(hs.indexOf(this.src)<0){
  125. 			hs.push(this.src)
  126. 		}else{
  127. 			$(this).remove()
  128. 		}
  129. 	})
  130. }
  131. function reflash_unloadimg(){
  132. 	var check = setInterval(function(){
  133. 		if(sessionStorage.reflashlock == 'yes'){return}
  134. 		var img = $('img:visible').filter(function(){return this.naturalWidth==0})
  135. 		img.each(function(){
  136. 			if(this.naturalWidth==0){
  137. 				//console.log(this.src)
  138. 				var clone = $(this).clone(true)
  139. 				var parent = $(this).parent()
  140. 				var pre = $(this).prev()
  141. 				var next = $(this).next()
  142. 				$(this).remove()
  143. 		
  144. 				setTimeout(function(){
  145. 					if(pre[0]){pre.after(clone);return}
  146. 					if(next[0]){next.before(clone);return}
  147. 					if(parent[0]){parent.append(clone);return}
  148. 				},500)
  149. 			}
  150. 		})
  151. 	},1000)
  152. }
  153.  
  154. let addedKeyControl = false;
  155. function AddKeyControl(downItem,upItem,leftItem,rightItem,closew){
  156. 	if(addedKeyControl){return;}else{addedKeyControl = true;}
  157. 	
  158. 	if(!downItem){
  159. 		downItem = $('<a></a>').click(function(){
  160. 			// 获取当前窗口的滚动位置
  161. 			var currentScroll = document.documentElement.scrollTop;
  162. 			
  163. 			// 设置每次 PageDown 后滚动的距离，可以根据需要调整
  164. 			var scrollDistance = $(window).height()/2;
  165. 			
  166. 			console.log(currentScroll);
  167. 			// 使用 scrollTo 方法将窗口滚动到当前位置加上设定的滚动距离
  168. 			window.scrollTo(0,currentScroll + scrollDistance);
  169. 		})
  170. 	}
  171. 	if(!upItem){
  172. 		upItem = $('<a></a>').click(function(){
  173. 			// 获取当前窗口的滚动位置
  174. 			var currentScroll = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
  175. 			
  176. 			// 设置每次 PageDown 后滚动的距离，可以根据需要调整
  177. 			var scrollDistance = window.innerHeight/2;
  178. 			
  179. 			// 使用 scrollTo 方法将窗口滚动到当前位置加上设定的滚动距离
  180. 			window.scrollTo(0,currentScroll - scrollDistance);
  181. 		})
  182. 	}
  183. 	document.addEventListener('keydown', function(event) {
  184. 	    if (event.key === 'ArrowLeft' && leftItem && leftItem.length>0) {
  185. 	        // 用户按下了左箭头键
  186. 			leftItem[0].click();
  187. 	        console.log('Left arrow key pressed');
  188. 	        // 执行左方向键对应的操作
  189. 	    } else if (event.key === 'ArrowRight' && rightItem && rightItem.length>0 ) {
  190. 	        // 用户按下了右箭头键
  191. 			rightItem[0].click();
  192. 	        console.log('Right arrow key pressed');
  193. 	        // 执行右方向键对应的操作
  194. 	    } else if (event.key === 'ArrowUp' && upItem && upItem.length>0) {
  195. 	        // 用户按下了上箭头键
  196. 			upItem[0].click();
  197. 	        console.log('Up arrow key pressed');
  198. 	        // 执行上方向键对应的操作
  199. 	    } else if (event.key === 'ArrowDown' && downItem && downItem.length>0) {
  200. 	        // 用户按下了下箭头键
  201. 			downItem[0].click();
  202. 	        console.log('Down arrow key pressed');
  203. 	        // 执行下方向键对应的操作
  204. 	    } else if (event.key === '0' && closew) {
  205. 	        // 用户按下了下箭头键
  206. 			window.close();
  207. 	        // 执行下方向键对应的操作
  208. 	    }
  209. 	});
  210. }
  211. async function hold_and_zoom(img,name,GetBigImg){
  212. 	if(!$('.holdbox:first')[0]){
  213. 		$('body').append($('<div class="holdbox"></div>').css({
  214. 			'z-index':'9999999',
  215. 			width:'100vw',
  216. 			height:'100vh',
  217. 			position:'fixed',
  218. 			top:0,
  219. 			left:0,
  220. 			display:'flex',
  221. 			'justify-content':'center',
  222. 		}))
  223. 		$('.holdbox').hide()
  224. 		$('.holdbox').on('mousedown',function(e){
  225. 			if(e.button!=0){return}
  226. 			if(showimg){clearTimeout(showimg)}
  227. 			if(showimg){showimg = null}
  228. 			$('.holdbox:first').hide()
  229. 		}).on('mousewheel',function(){
  230. 			if(showimg){clearTimeout(showimg)}
  231. 			if(showimg){showimg = null}
  232. 			$('.holdbox:first').hide()
  233. 		})
  234. 	}
  235. 	
  236. 	var showimg = null
  237. 	var state = 'mouseout'
  238. 	img.on('mouseout',function(){
  239. 		state = 'mouseout'
  240. 	})
  241. 	let getting = false;
  242. 	img.on('mouseover',async function(event){
  243. 		state = 'mousemove'
  244. 		if(showimg){clearTimeout(showimg)}
  245. 		if(showimg){showimg = null}
  246. 		
  247. 		let _img = $(this);
  248. 		let iimg = $(this).clone();
  249.  
  250. 		showimg = setTimeout(function(){
  251. 			if(state=='mouseout'){return}
  252. 			if(GetBigImg && img.attr('big-src')==null && !getting){
  253. 				new Promise((resolve,reject)=>{
  254. 					getting = true;
  255. 					GetBigImg(function(src){
  256. 						if(!src || src==""){console.log('src error');resolve()}else{
  257. 							getting = false;
  258. 							_img.attr('big-src',src).attr('src',src);
  259. 							let mass = $('<p>loading...</p>');
  260. 							_img.after(mass);
  261. 							let ioo = new Image();
  262. 							ioo.onload = function(){
  263. 								iimg.attr('src',src);
  264. 								console.log('src success');
  265. 								mass.remove();
  266. 								resolve();
  267. 							}
  268. 							ioo.src = src;
  269. 						}
  270. 					})
  271. 				})
  272. 			}
  273. 			$('.holdbox img').remove()
  274. 			$('.holdbox:first').append(iimg.css({
  275. 				width:'auto',
  276. 				height:'100vh',
  277. 			}).attr('name',name(_img)).on('mousedown',function(){
  278. 				var src = this.src
  279. 				var n = $(this).attr('name')
  280. 				if($(this).attr('big-src')){
  281. 					src = $(this).attr('big-src')
  282. 				}
  283. 				GM_download({
  284. 					url:src,
  285. 					name:n,
  286. 				})
  287. 			}))
  288. 			console.log('show');
  289. 			$('.holdbox').fadeIn(200)
  290. 		},500)
  291. 		
  292. 	})
  293. }
  294. function Add_css(cssString){
  295. 	var style = document.createElement('style');
  296. 	style.type = 'text/css';
  297. 	style.innerHTML = cssString;
  298. 	document.body.appendChild(style);
  299. }
  300.  
  301. class Downloader{
  302. 	constructor(){
  303. 		this.downloadType = "";
  304. 		this.downloaded = [];
  305. 		this.downloading = 0;
  306. 		this.downloadError = [];
  307. 		this.imgs = "";
  308. 		this.maxDownloadingCounts = 10;
  309. 		this.timeout = null;
  310. 		this.AllComplete = null;
  311. 		this.OneSuccess = null;
  312. 		this.OneError = null;
  313. 	}
  314. 	
  315. 	async Download_img(imgs){
  316. 		let self = this;
  317. 		if(this.downloadType==""){
  318. 			await this.Test_downloadType(imgs.eq(0));
  319. 		}
  320. 		
  321. 		this.Set_download(imgs)
  322. 		if(this.downloadType=="GM_download"){
  323. 			this.Donwload_img_by_GM();
  324. 		}else if(this.downloadType=="atag"){
  325. 			this.Donwload_img_by_atag();
  326. 		}else if(this.downloadType=="blob"){
  327. 			this.Donwload_img_by_blob();
  328. 		}
  329. 	}
  330. 	
  331. 	async Test_downloadType(img){
  332. 		return new Promise((resolve)=>{
  333. 			let timeout = 3000;
  334. 			let isOk = false;
  335. 			GM_download({
  336. 				url:img[0].src,
  337. 				name:"test.png",
  338. 				onload:()=>{isOk = true;this.downloadType = "GM_download";resolve()},
  339. 			})
  340. 			setTimeout(()=>{
  341. 				if(!isOk){this.downloadType = "atag";}
  342. 				resolve()
  343. 			},timeout)
  344. 		})
  345. 	}
  346. 	Set_download(imgs){
  347. 		this.downloaded = [];
  348. 		this.downloading = 0;
  349. 		this.downloadError = [];
  350. 		this.imgs = imgs;
  351. 	}
  352. 	
  353. 	Donwload_img_by_GM(){
  354. 		let self = this;
  355. 		async function Download_one(i){
  356. 			if(i>=self.imgs.length){if(self.AllComplete){self.AllComplete()};return;}
  357. 			if(self.downloading>=self.maxDownloadingCounts){setTimeout(()=>{Download_one(i)},1000);return;}
  358. 			
  359. 			let name = '';
  360. 			let src = '';
  361. 			self.downloading++;
  362. 			try{
  363. 				await self.Check_and_get_nameAndsrc({img:self.imgs.eq(i),checkSrc:true})
  364. 						.then((m)=>{
  365. 							name = m.name;
  366. 							src = m.src;
  367. 						});
  368. 			}catch(error){
  369. 				console.log(error)
  370. 				console.log('imgsrc is error:');
  371. 				self.downloadError.push(i);
  372. 				self.downloading--;
  373. 				Download_one(i+1);
  374. 				return;
  375. 			}
  376. 			console.log(name)
  377. 			console.log(document.title)
  378. 			let timeout = false;
  379. 			setTimeout(() => {timeout = true;},10000);
  380. 			const donwimg = self.imgs.eq(i);
  381. 			GM_download({
  382. 				url:src,
  383. 				name:name,
  384. 				onload:function(){
  385. 					self.downloaded.push(downimg);
  386. 					self.downloading--;
  387. 					if(window.GAIL.showmass){
  388. 						window.GAIL.showmass((self.downloaded.length+self.downloadError.length)+"/"+self.imgs.length);
  389. 					}
  390. 					self.imgs.eq(i).remove();
  391. 					
  392. 					if(self.OneSuccess){self.OneSuccess(downimg);}
  393. 				},
  394. 				onerror:function(){
  395. 					self.downloading--;
  396. 					self.downloadError.push(downimg);
  397. 					if(self.OnError){self.OnError(downimg);}
  398. 				},
  399. 				onprogress:function(){
  400. 					if(timeout){return false;}
  401. 				}
  402. 			});
  403. 			setTimeout(function() {Download_one(i+1);}, 10);
  404. 		}
  405. 		Download_one(0);
  406. 	}
  407. 	Check_and_get_nameAndsrc(args){
  408. 		let self = this;
  409. 		console.log(args);
  410. 		return new Promise(async (resolve,reject)=>{
  411. 			if(!args || !args.img){return reject();}
  412. 			let src = args.img.attr('big_src');
  413. 			if(!src){src = args.img.attr('src');}
  414. 			if(!src){reject();}
  415. 			console.log("check:"+src)
  416. 			if(args.checkSrc){
  417. 				try{
  418. 					await self.check_src_is_right(src);
  419. 				}catch(error){
  420. 					reject();
  421. 				}
  422. 			}
  423. 			let ext = src.match(/\.jpg|\.png|\.webp|\.gif|\.bmp/g);
  424. 			if(!ext){ext = '.png';}else{ext = ext[0];}
  425. 			let name = args.img.attr('name');
  426. 			if(!name){name = document.title + new Date().getTime() + ext;}
  427. 			resolve({name:name,src:src});
  428. 		});
  429. 	}
  430. 	Donwload_img_by_atag(){
  431. 		let self = this;
  432. 		let myWindow = window.open('_blank');
  433. 		async function Download_one(i){
  434. 			if(i>=imgs.length){myWindow.alert('end');myWindow.history.go(0-myWindow.history.length+1);myWindow.close();return;}
  435. 			
  436. 			let name = '';
  437. 			let src = '';
  438. 			self.downloading++;
  439. 			try{
  440. 				await self.Check_and_get_nameAndsrc({img:self.imgs.eq(i),checkSrc:true})
  441. 						.then((m)=>{
  442. 							name = m.name;
  443. 							src = m.src;
  444. 						});
  445. 			}catch(error){
  446. 				console.log('imgsrc is error:');
  447. 				self.downloadError.push(i);
  448. 				self.downloading--;
  449. 				Download_one(i+1);
  450. 				return;
  451. 			}
  452. 			
  453. 			if(!myWindow){alert('windows is closed');return;}
  454. 			myWindow.location.href = src;
  455. 			let a = $('<a></a>').attr({
  456. 				'href':$(myWindow.document.body).find('img:first').attr('src'),
  457. 				'download':name,
  458. 			})
  459. 			a[0].click();
  460. 			setTimeout(function() {Download_one(i+1);self.imgs.eq(i).remove()}, 1000);
  461. 			self.downloaded.push(i);
  462. 			self.downloading--;
  463. 		}
  464. 		Download_one(0);
  465. 	}
  466. 	check_src_is_right(src){
  467. 		let self = this;
  468. 		return new Promise((resolve,reject)=>{
  469. 			let iimg = new Image();
  470. 			iimg.onload = function(){
  471. 				if(this.width*this.height*this.naturalWidth*this.naturalHeight==0){reject();}else{resolve();}
  472. 			}
  473. 			iimg.onerror = function(){reject();}
  474. 			iimg.src = src;
  475. 			setTimeout(function() {iimg.abort();reject();}, 2000);
  476. 		})
  477. 	}
  478. 	Donwload_img_by_blob(){
  479. 		if(!this.imgs || this.imgs.length==0){return;}
  480. 		
  481. 		const _this = this;
  482. 		const imgs = this.imgs;
  483. 		const obo = (i)=>{
  484. 			if(i>=imgs.length){return;}
  485. 			if(_this.maxDownloadingCounts>1 && _this.downloading >= _this.maxDownloadingCounts){
  486. 				setTimeout(function() {obo(i)}, 1000);
  487. 			}
  488. 			let src = imgs.eq(i).attr('big_src');
  489. 			if(!src){src = imgs.eq(i).attr('src');}
  490. 			const checkimg = imgs.eq(i);
  491. 			_this.downloading++;
  492. 			_this.UrlToBlob({url:src,timeout:_this.timeout})
  493. 				.then(blob=>{
  494. 					_this.Check_and_get_nameAndsrc({img:checkimg}).then(args=>{
  495. 						const name = args.name;
  496. 						let a = $('<a></a>').attr({
  497. 							download:name,
  498. 							href:blob
  499. 						})
  500. 						a[0].click();
  501. 						_this.downloaded.push(checkimg);
  502. 						_this.downloading--;
  503. 						checkimg.attr('src',blob);
  504. 						OneSuccess?.(checkimg);
  505. 					})
  506. 					
  507. 					if(_this.maxDownloadingCounts==1){
  508. 						obo(++i);
  509. 					}else{
  510. 						window.GAIL.showmass((_this.downloaded.length+_this.downloadError.length)+"/"+_this.imgs.length);
  511. 					}
  512. 				})
  513. 				.catch(er=>{
  514. 					console.log(er);
  515. 					_this.downloadError.push(imgs.eq(i));
  516. 					_this.downloading--;
  517. 					if(_this.maxDownloadingCounts==1){
  518. 						obo(++i);
  519. 					}else{
  520. 						window.GAIL.showmass((_this.downloaded.length+_this.downloadError.length)+"/"+_this.imgs.length);
  521. 					}
  522. 				});
  523. 			if(_this.maxDownloadingCounts>1){
  524. 				setTimeout(function() {obo(++i);}, 10);
  525. 			}
  526. 		}
  527. 		obo(0);
  528. 	}
  529. 	/*
  530. 	args = {url:url,timeout:timeout}
  531. 	*/
  532. 	async UrlToBlob(args) {
  533. 		let _this = this;
  534. 		return new Promise((resolve,reject)=>{
  535. 			if(!args.url){reject("no url");}
  536. 			if(args.timeout){
  537. 				const timeout = setTimeout(function() {reject("fetch timeout")}, args.timeout);
  538. 			}
  539. 			fetch(args.url)
  540. 					.then(response => {
  541. 						const contentLength = response.headers.get('Content-Length');
  542. 						const total = parseInt(contentLength, 10);
  543. 						let loaded = 0;
  544. 			
  545. 						// 克隆响应以便分别读取流和获得 Blob
  546. 						const clonedResponse = response.clone();
  547. 						const reader = clonedResponse.body.getReader();
  548. 			
  549. 						// 更新进度的函数
  550. 						function updateProgress({ done, value }) {
  551. 							if (done) {
  552. 								return; // 如果读取完毕，直接返回
  553. 							}
  554. 							loaded += value.byteLength; // 累加已加载字节
  555. 							const progress = (loaded / total) * 100; // 计算进度百分比
  556. 							console.log(`Loading: ${progress.toFixed(2)}%`);
  557. 							_this.FetchShowProgress?.(progress);
  558. 							// 继续读取下一块数据
  559. 							return reader.read().then(updateProgress);
  560. 						}
  561. 			
  562. 						// 开始读取流以更新进度
  563. 						return reader.read().then(updateProgress).then(() => {
  564. 							// 完成后返回原始响应的 Blob
  565. 							return response.blob();
  566. 						});
  567. 					})
  568. 					.then(blob => {
  569. 						const blobUrl = URL.createObjectURL(blob);
  570. 						resolve(blobUrl);
  571. 					})
  572. 					.catch(error => {
  573. 						console.error('Error caching video:', error);
  574. 						reject(error);
  575. 					});
  576. 		});
  577. 	}
  578. 	FetchShowProgress(pro){
  579. 		if(this.maxDownloadingCounts==1 && this.imgs.length==1){
  580. 			window.GAIL.showmass(pro);
  581. 			$(".mass_top").css('font-size',"10vw");
  582. 		}
  583. 	}
  584. }
  585.  
  586. window.GAIL = {
  587. 	get_img_obo_sessionStorage : get_img_obo_sessionStorage,
  588. 	get_img_obo_ajax_href : get_img_obo_ajax_href,
  589. 	new_bottom_bu : new_bottom_bu,
  590. 	obo_sessionStorage_start_bu : obo_sessionStorage_start_bu,
  591. 	showmass : showmass,
  592. 	add_css : add_css,
  593. 	remove_sameimg : remove_sameimg,
  594. 	reflash_unloadimg : reflash_unloadimg,
  595. 	AddKeyControl : AddKeyControl,
  596. 	hold_and_zoom : hold_and_zoom,
  597. 	Add_css:Add_css,
  598. 	Downloader:Downloader,
  599. }