javascript - Javascript：如何制作保存文件对话框来保存文件？

Question

在我的网站上，我正在尝试制作一个按钮。按下时，保存文件。问题是，我找不到制作保存文件对话框的方法。

保存文件对话框是当您要保存文件时弹出的菜单。您可以选择文件位置、更改文件名等。

有一个对话框比将文件下载到下载文件夹更方便。

我发现了同一件事的多个不同的 StackOverflow 问题，但我找不到一个没有完全过时/使用 Internet Explorer 或使用某些服务器使用方法的问题（老实说，我不太了解服务器端的东西，所以它去了完全超出了我的想象，它也已经超过 10 年了，堆栈溢出，使用 Internet Explorer）。我发现一些 Chrome API 可能有效，但我不知道如何使用，因此对此的解释也可能有效。

我只想让用户单击一个按钮，然后它会打开一个保存文件对话框，以在他们的计算机上保存一个 .zip 文件。对于上下文，文件已经制作好了，我不需要生成文件或 blob 或其他任何东西。

我没有要分享的代码，因为我不确定要分享什么。

标签： javascript

Answer 1

本文介绍了一些可以让浏览器下载文件的方法。

如果您不想在服务器端设置 HTTP 标头，您也可以将下载属性添加到a标签，它会提示用户下载 href url 处的内容。

注意：该属性仅在 href 的来源和当前页面的来源相同时才有效。

<!-- 
You can pass the name you want the file to be saved as in the download attribute 
-->
<a href="/" title="Home Page" download="home.html">Click here to download</a>