一种帖子正文中图片url批量获取方法[JS][技术]

小弟非常喜欢逛论坛, 虽然写的帖子和回复比较少, 但是看到喜欢的帖子都会点赞。特别各位老哥分享的色图, 都会把自己喜欢的保存下来, 进行归档整理。

有的帖子中图片数量太多, 一个个右键保存实在是太慢了，于是一直在探索快速打包图片的方法。

Edge和Chrome 浏览器中有一些插件可以识别当前网页中的图片, 比如之前的fatkun (现在不可用), Imageye 等, 但是他们都依赖浏览器下载, 并且提取和保存的时候都存在遗漏，部分场景不太好使。

因此, 我写了一段 js 代码, 可以将帖子正文中含有的图片的 url 链接提取出来, 并且直接复制到粘贴板里, 可以快速使用第三方下载器如迅雷、IDM、python+request 进行多线程批量下载, 方便省事。

代码如下:
const lst_src = [];

const node1List = document.querySelectorAll("td.t_f");
for(let i = 0; i < node1List.length; i++) {
const node1 = node1List[i];
const node2 = node1.querySelectorAll("img");

for (let j = 0; j < node2.length; j++) {
      const src = node2[j].src;
      console.log(src);
      lst_src.push(src);
}
}

const text = lst_src.join("");
copy(text);
console.log(`已复制 ${lst_src.length} 条图片地址到剪贴板！`);複製代碼

使用方法如下:
打开浏览器 > F12 > 控制台 > 粘贴代码并运行

效果如图:

此时系统剪贴板已经有所有的图片地址了。

当然, 还有更简单的方法, 我做了 tampermonkey js 脚本, 可以直接点击获取：
JAV论坛帖子图片链接提取助手

使用方法：
浏览器安装 Tampermonkey 扩展；打开上面的脚本地址，点击「安装此脚本」；回到帖子页面，点击Tampermonkey > 找到脚本 > 点击「复制帖子全部图片链接」按钮即可。

小提示：
代码/脚本只提取帖子正文（td.t_f 区域）里的图片，不会混入头像、推荐缩略图等无关链接；部分网站采用懒加载，图片初始只是占位地址（如 none.jpg），加载完成后才会换成真实地址，所以要先等页面图片全部加载完再运行脚本；获取图片地址之后, 第三方下载器其本质也是重新请求一遍, 有的网站会使用防盗链的图床，导致下载失败, 另外, 重新下载图片消耗流量且耗时，可以通过浏览器缓存根据对应的本地缓存图片, 速度更快且没有限制，各位老哥如果感兴趣我可以单独开一个帖子介绍一下。

一种帖子正文中图片url批量获取方法[JS][技术]

评论 (0)