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;
})();