(async () => {
  // 獲取所有圖像元素
  const images = document.querySelectorAll("img");

  // 文件系統(tǒng)訪問 API：請求用戶選擇下載文件夾
  const dirHandle = await window.showDirectoryPicker();

  for (let [index, img] of images.entries()) {
    try {
      const url = img.src;
      const response = await fetch(url);
      const blob = await response.blob();

      // 獲取圖片的 MIME 類型并確定文件擴展名
      const contentType = blob.type;
      let extension = contentType.split("/")[1]; // 從 MIME 類型中提取文件擴展名

      // 特別處理 SVG 圖片格式
      if (contentType === "image/svg+xml") {
        extension = "svg";
      }

      const fileName = `${index + 1}.${extension}`;

      // 創(chuàng)建并寫入文件
      const fileHandle = await dirHandle.getFileHandle(fileName, {
        create: true,
      });
      const writable = await fileHandle.createWritable();
      await writable.write(blob);
      await writable.close();

      console.log(`Downloaded: ${fileName}`);
    } catch (error) {
      console.error(`Failed to download image ${index + 1}:`, error);
    }
  }
})();

//一個對象，存儲頁面圖片數(shù)量和下載的數(shù)量
var monitorObj = {
    imgTotal: 0,
    imgLoaded: 0
}
//創(chuàng)建a標(biāo)簽，賦予圖片對象相關(guān)屬性，并插入body
var createA = function (obj) {
    var a = document.createElement("a");
    a.id = obj.id;
    a.target = "_blank";//注意：要在新頁面打開
    a.href = obj.url;
    a.download = obj.url;

    document.body.appendChild(a);
}

//獲取頁面的圖片
var imgs = document.images;
//創(chuàng)建每個圖片對象的對應(yīng)a標(biāo)簽
for (var i = 0; i < imgs.length;i++){
    var obj = {
        id: "img_" + i,
        url: imgs[i].src
    }
    //過濾掉不屬于這幾種類型的圖片
    if (["JPG", "JPEG", "PNG","GIF"].indexOf(obj.url.substr(obj.url.lastIndexOf(".")+1).toUpperCase()) < 0) {
        continue;
    }
    //這里是為了去掉知乎用戶頭像的圖片，頭像大小是50*50
    if (imgs[i].width <= 50 || imgs[i].height <= 50) {
        continue;
    }
    //統(tǒng)計圖片數(shù)量
    monitorObj.imgTotal++;
    createA(obj);
}
//開始下載圖片
for (var i = 0; i < imgs.length; i++) {
    if (document.getElementById("img_" + i)) {
        //重點：觸發(fā)a標(biāo)簽的click事件
        document.getElementById("img_" + i).click();
        monitorObj.imgLoaded++; //統(tǒng)計已下載的圖片數(shù)量
    }
}
console.log("已下載："+monitorObj.imgLoaded + "/" + monitorObj.imgTotal);