单击 HTML 按钮时如何触发下载

Question

我刚刚发布了这个问题，它被关闭了。我试图编辑它，但它不允许我，所以我发布了一个新问题。

如何创建一个 HTML 按钮来自动下载 .html、.js、.css 和 .txt 文件，而无需再按任何按钮？我尝试使用下面的代码，但出于某种原因，它只是打开 Google 中的文件，而没有下载它。

<form method="get" action="file.txt">
    <button>
        Download
    </button>
</form>

Answer 1

如果不进行某些 server-side 配置或使用 server-side 脚本，则无法使用表单强制下载。
但是，您可以使用带有下载属性的 link。
css 是让它看起来像一个按钮

.button-link {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}

<a href="file.txt" download="file.txt" class="button-link">Download</a>

单击 HTML 按钮时如何触发下载

How to trigger a download when an HTML button is clicked

html

download

htmlbutton