Javascript 如何使用html2canvas和FileSaver在Dowlalods文件夹中而不是在浏览器中下载div的内容？

我正努力想弄明白这一点： 当用户单击按钮时，它会创建一个png，其中包含我的“imagecontainer”元素中的任何内容。 不幸的是，它只在我的页面底部添加了一个带有png的画布。我如何防止它这样做，让png直接进入dowloads文件夹或新窗口？？非常感谢你。 这是我的代码：

$（函数（）{
$（“#保存按钮”）。单击（函数（）{
html2canvas（$（“.imagecontainer”）{
onrendered：函数（画布）{
画布=画布；
document.body.appendChild（画布）；
canvas.toBlob（函数（blob）{
保存（blob，“Dashboard.png”）；
});
}
});
});
}); 

当您将一个元素附加到

document.body

时，它会自然地放置在页面底部。将画布附加到要包含它的元素。例如，

imagecontainer

：

$(".imagecontainer").append(canvas);

---

当然，你不能让任何东西“直接进入下载文件夹”，这将是一个巨大的安全问题。您最多只能触发一个下载对话框，这样用户就可以决定是否保存提供的资源以及保存在何处。好的，这很有意义，您可以在新选项卡中打开它吗？