如何使用 javascript 在下載 function 中保存帶有名稱的文件？

Question

我的 web 應用程序中有一個 function 允許我下載當前圖像。 我還希望它做的是讓我有機會在下載時以該名稱保存此文件。

我的 function 是這樣的：

 function saveFile(){ var dataURL = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream"); console.log(dataURL); window.location.href = dataURL; }

我該如何命名這個文件？ 謝謝大家！

Answer 1

首先創建anchor tag並添加href和download屬性以分別提供 uri 和 fileName。

function saveFile(){
      var dataURL = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream"); 
      console.log(dataURL);
      const anchorLink = document.createElement('a');
      document.body.appendChild(anchorLink)
      anchorLink.href = dataURL;
      anchorLink.download = "file_name.png"; 
      anchorLink.click();
      document.body.removeChild(anchorLink)
}