feat: 新增鸣潮角色图片下载脚本

download-wuthering-waves-character-img.js

@@ -0,0 +1,83 @@
+//
+// 批量下载鸣潮角色图
+//
+
+// URL: https://wutheringwaves.fandom.com/wiki/Wuthering_Waves_Wiki
+
+// 清洗链接
+function cleanImageUrl(url) {
+  // 使用正则表达式匹配并提取需要的部分
+  const cleanedUrl = url.replace(/(\/scale-to-width-down\/\d+\?.*)$/, '');
+  return cleanedUrl;
+}
+
+// 生成图片名称
+function generateImageName(url) {
+  // 提取文件名部分
+  const fileNameMatch = url.match(/\/([^\/]+)\.png/);
+  if (fileNameMatch && fileNameMatch[1]) {
+    // 转换为小写并替换下划线为短横线
+    return fileNameMatch[1].toLowerCase().replace(/_/g, '-');
+  }
+  return null;
+}
+
+const images = Array.from(document.querySelectorAll(".article-table .card-image-container img")).map((item) => [
+  cleanImageUrl(item.src),
+  generateImageName(item.src)
+]);
+
+// https://static.wikia.nocookie.net/wutheringwaves/images/d/df/Resonator_Brant.png/revision/latest/scale-to-width-down/74?cb=20250213184622
+
+// 自动下载图片的函数
+function downloadImages(imageArray) {
+  let index = 0;
+
+  const downloadImage = async () => {
+    if (index >= imageArray.length) {
+      console.log("所有图片下载完成！");
+      return;
+    }
+
+    const [url, filename] = imageArray[index];
+    console.log(`正在下载第 ${index + 1} 张图片: ${filename}.png`);
+
+    try {
+      // 使用 fetch 下载图片
+      const response = await fetch(url, {
+        headers: {
+          "accept": "image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8",
+          "accept-encoding": "gzip, deflate, br, zstd",
+        }
+      });
+      if (!response.ok) {
+        throw new Error(`无法下载图片: ${url}`);
+      }
+
+      // 将图片数据转换为 Blob
+      const blob = await response.blob();
+
+      // 创建一个隐藏的 <a> 元素用于下载
+      const a = document.createElement("a");
+      const objectUrl = URL.createObjectURL(blob); // 创建 Blob 的临时 URL
+      a.href = objectUrl;
+      a.download = `${filename.replace("resonator-", "")}.webp`; // 指定下载的文件名
+      document.body.appendChild(a);
+      a.click();
+      document.body.removeChild(a);
+
+      // 释放 Blob 的临时 URL
+      URL.revokeObjectURL(objectUrl);
+    } catch (error) {
+      console.error(`下载图片失败: ${error.message}`);
+    }
+
+    index++;
+    setTimeout(downloadImage, 2000); // 每隔 2 秒下载下一张图片
+  };
+
+  downloadImage();
+}
+
+// 调用函数开始下载
+downloadImages(images);