js 圖片和文件 下載功能

 download(src, fileName) {
      // //下載圖片地址和圖片名
      // var image = new Image();
      // // 解決跨域 Canvas 污染問題
      // image.setAttribute("crossOrigin", "anonymous");
      // image.onload = function () {
      //   var canvas = document.createElement("canvas");
      //   canvas.width = image.width;
      //   canvas.height = image.height;
      //   var context = canvas.getContext("2d");
      //   context.drawImage(image, 0, 0, image.width, image.height);
      //   var url = canvas.toDataURL("image/jpg"); //得到圖片的base64編碼數據
      //   var a = document.createElement("a"); // 生成一個a元素
      //   var event = new MouseEvent("click"); // 創建一個單擊事件
      //   a.download = fileName.split(".")[0] || "photo"; // 設置圖片名稱
      //   a.href = url; // 將生成的URL設置為a.href屬性
      //   a.dispatchEvent(event); // 觸發a的單擊事件
      // };
      // image.src = src;
      let link = document.createElement("a");

      // 這里是將url轉成blob地址，
      fetch(src)
        .then((res) => res.blob())
        .then((blob) => {
          // 將鏈接地址字符內容轉變成blob地址
          link.href = URL.createObjectURL(blob);
          link.download = fileName.split(".")[0] || "photo";// 文件名稱
          document.body.appendChild(link);
          var event = new MouseEvent("click"); // 創建一個單擊事件
          //   link.click();
          link.dispatchEvent(event); // 觸發a的單擊事件
        });
    },