如何在 Blazor 服务器应用程序中显示文件另存为对话框答案

【问题标题】：How to show File Saveas Dialog in Blazor Server App如何在 Blazor 服务器应用程序中显示文件另存为对话框
【发布时间】：2022-09-25 16:45:43
【问题描述】：

我是 Blazor 的新手，并尝试在单击按钮时显示文件另存为对话框，如以下链接所示。 Save as Image

要求是——单击 Saveas 上方的 Saveas 按钮后，应弹出 Saveas 对话框，用户可以在其中选择文件的目标位置和文件名.

我试过“启用设置以检查浏览器下载设置中的保存位置”，它可以工作。但我们不想依赖浏览器设置。

请在下面添加您的想法..

我不相信您可以使用 Blazor、JavaScript 或其他任何方式以编程方式在 Web 浏览器上打开“另存为”对话框。您可以做的最好的事情是开始下载到“下载”文件夹，这可以通过简单的a href 完成

标签： html blazor

【解决方案1】：

我还想打开一个窗口来保存用户可以在其中选择文件夹的文件。在此之前，系统会自动保存到 Downloads 文件夹中。

据我了解，以前没有这种可能性，但现在有可能感谢这个 api：https://caniuse.com/native-filesystem-api。

我在这个问题的答案中找到了这个解决方案：https://stackoverflow.com/a/70001920/16740180。

值得注意的是，我使用的是 wasm 而不是 Blazor 服务器。不幸的是，这目前不适用于移动设备，但它适用于 Windows。我希望这可以帮助别人。

【讨论】：