如何在javascript中下载图像后获取文件名

如何解决如何在javascript中下载图像后获取文件名

我有一个简短的代码片段，它显示了一个“另存为”对话框，用于将当前画布上下文中的图像保存在 javascript 文件中。我如何才能 1) 确定文件保存是由用户完成还是取消，以及 2) 如果已完成，则在保存期间指定的文件名。这是我用来打开“另存为”对话框的代码。 （注意：我使用的是 React，而 myCanvasRef 是对保存正在保存的图像的当前画布的引用。）

function saveImg(e){
    const can = myCanvasRef.current;
    const imgurl = can.toDataURL("image/png");
    const link = document.createElement("a");
    link.href = imgurl;
    link.setAttribute("download","*.png");
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
}

谢谢！