jquery从入门到精通pdf下载_javascript权威指南 pdf「建议收藏」

CAUTION:本文要求代码阅读力18+，小白请出门右转看小白版 (￣︶￣)↗ http://hzx0910.github.io/TopitDownloader/

www.topit.me 非常喜欢的图片网站，自己帐号下面也搜集了很多喜欢的图片，但是想全部下载下来的话却挺麻烦，

有好多图片需要挨个点进去‘查看原图’才能下载到大图。

后来仔细观察了下，topit上的图片主要分为五种级别：STML O

S：缩略方式T：三列缩图 M：两列方式 L：单列方式   O：原图(不过不一定有)。

有两种存储方式：http://*.topitme.com/*s.jpg或http://*.topitme.com/s/*.jpg 不同大小级别只要替换链接中表示大小的字母s即可。

当然你可以把所有O级别的跟L级别的全部下载下来，然后再去手动删除重复的小图，不过这样还是不够方便直接。

根据上面的分析，比较简便的办法是首先获取专辑里面所有图片的链接，然后挨个分析链接：

第一步：把链接中所有表示级别的字符最’s.’、’/s’、’t.’、’/t’、等全部替换为最高级别’o.’、’/o’；

第二步：尝试下载最高级别的链接成功则保存，不成功则把链接替换为L级别下载。

然而第二步的判断大图存在在js里却并不那么好实现，不过幸好html的<img>标签有一个onerror属性，完美的解决这个问题(ง •̀_•́)ง

把第一步的链接全部放到<img>标签里面，第二部大图不存在的话交给onerror处理，代码如下：

/*s 缩略 t 三列 m 两列 l 单列  o 原图(不一定有)*/
function nofind(img, osrc) {
    img.src = osrc.replace('/o', '/l').replace('o.', 'l.');
} 
(function() {
    /*page_max 加载的最大页码数 可修改为数字 by JerseyHo*/
    /*page_min 加载的最小页码数 可改为其他数 by JerseyHo*/
    var page_max = $('#page-next').prev().text() * 1 || 1;
    var page_min = 1;
    var body = '';
    var href = location.href.split('?')[0];
    function getpage(n) {
        if (n < page_min) {
            document.body.innerHTML = body;
            return;
        }
        $.get(href + '?p=' + n,
        function(data) {
            var str = '';
            $(data).find('#content img.img').each(function(i, v) {
                var osrc = ($(this).attr('src').indexOf('blank.gif') >= 0 ? $(this).attr('data-original') : $(this).attr('src'));
                osrc = osrc.replace('/s', '/o').replace('s.', 'o.').replace('/t', '/o').replace('t.', 'o.').replace('/m', '/o').replace('m.', 'o.').replace('/l', '/o').replace('l.', 'o.');
                body += "<img onerror='nofind(this,this.src)' src='" + osrc + "' /><br/>\r\n";
            });
            getpage(--n);
        })
    }
    getpage(page_max);
})();

在Topit任意页面往浏览器console（按F12）里面输入上面的代码执行,等一会网页切换，图片加载完以后再按Ctrl+S选择保存网页全部就把整个专辑的原图都拿到手了。

想要更方便一点的话在代码前面加上 javascript: 保存为浏览器书签，每次用的话点一下书签就好了。

另外，如果专辑实在太大，浏览器一次还是很难下载全，可以分几次下载，只需要每次修改上面代码里面page_max 和page_min修改为你需要的页码范围就行了

JavaScript 部分代码参考了 http://www.douban.com/group/topic/26040724/ 谢谢谢谢谢谢谢谢！！！！

今天的文章jquery从入门到精通pdf下载_javascript权威指南 pdf「建议收藏」分享到此就结束了，感谢您的阅读。