如何在不使用锚点或服务器端代码的情况下触发 HTML/JavaScript 文件下载？

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

问题：如何在单击 HTML 按钮或执行时触发文件下载JavaScript 不使用锚点、后端脚本或修改服务器标头？

HTML方法：

HTML5 下载属性在应用于锚标记 () 时启用文件下载。指定文件的路径和建​​议的文件名，如下所示：

<a href="path_to_file" download="proposed_file_name">Download</a>

限制：

请注意，文件必须与页面位于同一源（即相同的域、子域、协议和端口）。例外情况包括 blob:、data: 和 file:。将 suggest_file_name 留空以使用文件的实际名称。

JavaScript 方法：

要通过 JavaScript 触发下载，您可以使用以下代码：

const downloadElement = document.getElementById("file-request");
downloadElement.addEventListener("click", () => {
    const link = document.createElement("a");
    link.setAttribute("href", "path_to_file");
    link.setAttribute("download", "proposed_file_name");
    link.click();
});

此代码创建一个隐藏的锚元素，设置其下载属性，并模拟单击它来启动下载。

附加说明：

• 确保您的服务器已正确配置以处理文件下载。
• 有关更多详细信息，请参阅有关下载的 MDN 文档、有关下载的 HTML 标准、有关下载属性的 HTML 标准以及浏览器的 CanIUse兼容性。

以上是如何在不使用锚点或服务器端代码的情况下触发 HTML/JavaScript 文件下载？的详细内容。更多信息请关注PHP中文网其他相关文章！