如何使用javascript在下载功能中保存带有名称的文件？

问题描述

我的网络应用程序中有一个功能可以让我下载当前图像。我还希望它做的是让我有机会在下载时以该名称保存此文件。

我的功能是这样的：

toolkit:TitleBarExtensions.ButtonBackgroundColor="Transparent"
toolkit:TitleBarExtensions.ButtonInactiveBackgroundColor="Transparent"

我该如何命名这个文件？ 谢谢大家！

解决方法

首先创建 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)
}