如何使用 HTML 按钮或 JavaScript 触发文件下载？

从 HTML 按钮或 JavaScript 触发文件下载

在 Web 开发中，通常需要为用户提供下载文件的功能。而传统的 HTML 带有 href 属性的锚标记通常用于此目的，您可能会遇到想要使用按钮或 JavaScript 触发下载的情况。

方法 1：使用 HTML5 下载属性

要使用 HTML 按钮触发文件下载，您可以使用 HTML5 下载属性。此属性指定保存文件时要使用的文件名，并与 一起使用。和

<button type="button" download="file.doc">Download!</button>

方法 2：通过 JavaScript 触发下载

您还可以使用 JavaScript 以编程方式触发文件下载。但是，此方法需要稍微不同的方法。您可以将 window 对象的 location.href 属性设置为文件的 URL，并将文件名添加到 a 元素的 download 属性中，而不是使用 href 属性。

$("#fileRequest").click(function() {
  location.href = "file.doc";
  $("a").attr("download", "proposed_file_name");
});

其他注意事项

• 请记住，文件的路径必须与页面同源（即共享相同的域名、子域名、协议和端口）。
• 如果未指定文件名，将使用正在下载的文件的默认文件名。
• 大多数支持下载属性现代浏览器，尽管其行为可能略有不同。

以上是如何使用 HTML 按钮或 JavaScript 触发文件下载？的详细内容。更多信息请关注PHP中文网其他相关文章！