js通过浏览器批量下载图片代码

最新推荐文章于 2025-07-20 11:40:06 发布

原创最新推荐文章于 2025-07-20 11:40:06 发布 · 1.4w 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#js #下载图片

网站搭建同时被 2 个专栏收录

21 篇文章

订阅专栏

javascript

8 篇文章

订阅专栏

本文介绍了一种使用JavaScript脚本在浏览器控制台中批量下载指定尺寸图片的方法。通过定义函数实现网页图片元素的遍历、筛选及下载功能，特别适用于从特定页面中下载统一规格的图片资源。

目标网站目标网站

打开浏览器，在console中输入以下代码，回车即可

function sleep(d){
    for(var t = Date.now();Date.now() - t <= d;);
}


function download(src) {
    var $a = document.createElement('a');
    $a.setAttribute("href", src);
    $a.setAttribute("download", "");

    var evObj = document.createEvent('MouseEvents');
    evObj.initMouseEvent( 'click', true, true, window, 0, 0, 0, 0, 0, false, false, true, false, 0, null);
    $a.dispatchEvent(evObj);
};


var res = document.getElementsByTagName("img");
var ans = [];
var sum = 0;
for(var i = 0; i < res.length; i++){
    var temp = res[i].src;
    if(temp.search("280x373") !== -1 ){
        ans[sum++] = temp;
    }
}
for(var i = 0; i < ans.length; i++){
    ans[i] = ans[i].replace("280x373","760x1013");
	//console.log(ans[i]);
    sleep(500);
    download(ans[i]);

}