GM_archiveImages

打包下载图片

Този скрипт не може да бъде инсталиран директно. Това е библиотека за други скриптове и може да бъде използвана с мета-директива // @require https://update.greasyfork.org/scripts/565289/1749527/GM_archiveImages.js

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey, Greasemonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да инсталирате разширение, като например Tampermonkey .

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Userscripts.

За да инсталирате скрипта, трябва да инсталирате разширение като Tampermonkey.

За да инсталирате този скрипт, трябва да имате инсталиран скриптов мениджър.

(Вече имам скриптов мениджър, искам да го инсталирам!)

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

(Вече имам инсталиран мениджър на стиловете, искам да го инсталирам!)

(function () {
  /**
   * 打包下载图片
   * @param images Array<{ url: string; name: string }> - 要下载的图片列表
   * @param zip string - 要保存的压缩包名
   * @param concurrency number - 并发数
   * @param maxRetries number - 失败重试最大次数
   * @param onload ({ loaded, total }) => void - 图片下载进度
   * @param onretry ({ url, currentRetry, maxRetries }) => void - 图片下载失败重试
   * @param onerror (image, err) => void - 图片(重试后依旧)下载失败
   * @param onloaded (images) => void - 所有图片下载完成
   * @param onarchive (percent) => void - 打包进度
   * @param oncomplete () => void - 完成
   */
  async function GM_archiveImages({
    images,
    zip,
    concurrency = 10,
    maxRetries = 5,
    onload,
    onretry,
    onerror,
    onloaded,
    onarchive,
    oncomplete,
  }) {
    let loaded = 0;
    const limit = GM_pLimit(concurrency);
    const input = images.map((image) =>
      limit(() =>
        // 获取图片数据
        GM_request({
          url: image.url,
          method: "get",
          responseType: "blob",
          maxRetries,
          onretry,
        })
          .then((res) => {
            image.blob = res.response;
          })
          .catch((err) => {
            onerror?.(image, err);
          })
          .finally(() => {
            loaded++;
            onload?.({ loaded, total: images.length });
          }),
      ),
    );

    await Promise.all(input); // 并发获取图片数据
    onloaded?.(images);

    const jsZip = new JSZip(); // 创建 ZIP 实例
    const loadedImages = images.filter((image) => image.blob);
    loadedImages.forEach((image) => {
      jsZip.file(image.name, image.blob); // 添加图片到 ZIP 文件夹
    });

    // 生成 ZIP 文件并触发下载
    const content = await jsZip.generateAsync({ type: "blob" }, (metadata) => {
      onarchive?.(metadata.percent);
    });
    saveAs(content, zip); // 使用 FileSaver.js 下载 ZIP 文件
    oncomplete?.({ images, jsZip });
  }

  window.GM_archiveImages = GM_archiveImages;
})();