Skip to content

Weidows-projects/awesome-image-collector

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

⭐️ Awesome-Image-Collector ⭐️

功能

  1. 自动搜集下载页面中指定图片集, 手累度: O(n) -> O(1) 尤其在数十上百张图片场景下格外舒服.

  2. 解决一般插件无法下载的隐性原始图片,可通过插件实现跨域资源获取,不会缩放转码,无 base64 中间态.

  3. 获取图片后自动后台打包为 Zip 文件,免得蹦出几十条下载链接.

分割线

使用

  • 1.入口文件为: index.js ,TODO 处为函数入口.

  • 2.需要完成筛选图片标签部分代码 (根据复杂度不同,代码量从 1~n 行不等)

    比如下面实现中的 SM.MS-collector,只需要这一行代码就可以完成筛选:

    imageElements = document.getElementsByClassName("fancybox")
    

    至于筛选出标签集合之后怎么 start,如何灵活使用,可参考 implements/SM.MS-collector.js

  • 3.补充完成这部分代码之后,复制粘贴到目标网页的 console,然后回车运行即可.


  • 4.如果遇到下面报错,是因为源站后台没有开启 CORS (反爬),需要安装浏览器插件 : CORS Unblock / Allow CORS: Access-Control-Allow-Origin

    Access to image at 'xxx' from origin 'xxx' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
    

分割线

实现

文档地址 | 备用文档地址


  • -> 适用于下载 QQ 收藏中的图片集 (需要安装浏览器插件) <-


  • 硬核爬取下载网页内所有图片 (如有不想要的图需要后期手动删掉)

分割线

参考

JsZip

renzhezhilu/webp2jpg-online

Releases

No releases published

Packages

No packages published