有序圖片批量下載程式
代替 迷你迅雷的批量下載（要不是迅雷批量下載圖片太慢，我才懶得花時間做這東西）
用法：
1.開啟這些HTML寫的下載頁面，按提示輸入URL，點擊下載
2.按F12開啟控制台可以查看進度，下載進度完成後Ctrl+S將網頁儲存(儲存所有)
3.開啟儲存的目錄下將那個xxx_files重新命名為xxx（對話方塊提示選確定），刪掉xxx.html
開啟xxx目錄，圖片就在這裡了，OK大功告成
相容要求：
支援HTML5
說明：
1.菜鳥慎用
2.這東東不要太張揚，被站長發現就不好使了
3.希望用在好處，保持優秀品德
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8" /><title>pages</title><style type="text/css">body,p,form,h1,h2,h3{margin:0px;}body{background-color:#fafafa;font:12px/1.5 Arial,"Microsoft YaHei";}.panel{margin:60px auto;width:500px;height:400px;background-color:#ffffff;border:2px dashed #999999;border-radius:10px;}.panel h1{font:16px/32px Arial,"Microsoft YaHei";text-indent:1em;background-color:#ffffff;border-bottom:2px dashed #999999;border-radius:10px 10px 0px 0px;}.panel .pane{padding:10px;}#url{width:400px;}#urls{width:400px;}#imgs img{float:left;max-width:512px;margin-left:10px;margin-top:10px;}.eg{color:#c0c0c0;}</style></head><body><div class="panel"><h1>Downloading Ordered Images</h1><div class="pane"><form id="form" action="/" onsubmit="try{downloadImages()}catch(err){} return false;"onreset="try{clearImages()}catch(err){}return false;"><label for="url">Get images by url</label><label class="eg">e.g. http://www.hfqun.com/zazhi/07/pages/page-(*).jpg</label><input type="text" id="url" name="url" value="" pattern=".+(\(\*\)).*" /><br /><label for="index0">From</label><input type="number" id="index0" name="index0" value="1" min="0" max="999" size="3" /><label for="index1">to</label><input type="number" id="index1" name="index1" value="1" min="0" max="999" size="3" />match length<input type="number" id="numlength" name="numlength" value="3" min="1" max="3" size="3" /><br /><input type="submit" value="Download" /><input type="reset" value="Clear Images" /><br /><select name="urls" id="urls" size="10"></select></form></div></div><div id="imgs"></div><script type="text/javascript">var $=function(s){return document.querySelector(s);};var p0=function(n,p){if(p==1){return ""+n;}else if(p==2){return n<10?"0"+n:""+n;}else if(p==3){return n<10?"00"+n:n<100?"0"+n:""+n;}else{return ""+n;}};function getURLs(){var url=$("#url").value,index0=parseInt($("#index0").value),index1=parseInt($("#index1").value),numlength=parseInt($("#numlength").value);try{if(!$("#form").checkValidity()){return [];}}catch(err){}if(url.indexOf("(*)")==-1){return [];}var urlslices=url.split("(*)");var urls=[];for(var i=index0;i<=index1;i++){var slices=urlslices.slice(0);slices.splice(1,0,p0(i,numlength));urls.push(slices.join(""));}return urls;}function previewURLs(){var urls=getURLs();var urlList=$("#urls");urlList.options.length=0;for(var i=0;i<urls.length;i++){urlList.options.add(new Option(urls[i],i));}}var taskinfo={total:0,success:0,error:0};var progress_interval=null;var progress_delay=1000;function resetTaskinfo(){taskinfo.total=0;taskinfo.success=0;taskinfo.error=0;}function load_callback(event){taskinfo.success++;console.log("[load]",event.target.alt);}function error_callback(event){taskinfo.error++;console.log("[error]",event.target.alt);}function refreshProgress(){var complete=taskinfo.success+taskinfo.error;if(complete==taskinfo.total){var errormsg=taskinfo.error>0?"; "+taskinfo.error+" error occurred.":""console.log("download complete! "+errormsg);clearInterval(progress_interval);}}function downloadImages(){var urls=getURLs();if(urls.length==0){return false;}console.log("start download "+urls.length+" images");resetTaskinfo();taskinfo.total=urls.length;clearInterval(progress_interval);progress_interval=setInterval(refreshProgress,progress_delay);var imageContainer=$("#imgs");for(var i=0;i<urls.length;i++){var url=urls[i],filename=url.substr(url.lastIndexOf("/")+1);var img=document.createElement("img");img.onload=load_callback;img.onerror=error_callback;img.alt=filename;img.src=urls[i];imageContainer.appendChild(img);}return false;}function clearImages(){var imageContainer=$("#imgs");imageContainer.innerHTML="";}window.onload=function(){$("#index1").onchange=$("#index0").onchange=$("#numlength").onchange=previewURLs;previewURLs();}</script></body></html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
