[Javascript] 爬取王者荣耀的全部英雄图片

不羁de流年

看到这位兄弟发的【[Python 转载] 爬取王者荣耀的全部英雄图片】 https://www.52pojie.cn/thread-1822124-1-1.html
心血来潮写了个非python版本的





修改匹配的条件就可以实现JS下载资源，适合界面中有大量同规格的图片，具体代码如下：

[JavaScript] 纯文本查看 复制代码

async function downloadImages(images) {
  const downloadPromises = [];

  for (const image of images) {
    const imgUrlStr = image.src;
    console.log("url:" + imgUrlStr);
    const response = await fetch(imgUrlStr);
    const blob = await response.blob();
    const a = document.createElement("a");
    const url = window.URL.createObjectURL(blob);
    const filename = imgUrlStr.substring(imgUrlStr.lastIndexOf("/") + 1);
    a.href = url;
    a.download = filename;
    a.click();
    window.URL.revokeObjectURL(url);
    downloadPromises.push(Promise.resolve());
  }

  await Promise.all(downloadPromises);
}

const images = document.querySelectorAll('img[src*="game.gtimg.cn/images/yxzj/img20"]');
downloadImages(images);

如果是LOL英雄列表，匹配规则就改为

[JavaScript] 纯文本查看 复制代码

const images = document.querySelectorAll('img[src*="game.gtimg.cn/images/lol/act/img/champion"]');

大概是这些站点，其他站点试一试也行，只要有相同规格的图片
https://pvp.qq.com/web201605/herolist.shtml 【英雄介绍】
https://pvp.qq.com/web201605/item.shtml 【局内道具】
https://pvp.qq.com/web201605/summoner.shtml  【召唤师技能】
https://lol.qq.com/guides/newOpen.html?ADTAG=cooperation.glzx 【LOL英雄列表】

bohong65

这思路挺好的，愿意分析就能方便很多

liugougou

这思路挺好的，愿意分析就能方便很多

淑名のハ凛月

着可以快速做一个盒子

izgnib

感谢楼主分享，学习了