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

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

问题：

如何在单击不使用锚标记、后端脚本或服务器的 HTML 按钮配置？

HTML 按钮解决方案：

您可以使用 download 属性来触发文件下载：

<button download="myfile.txt">Download Me</button>

其中：

• myfile.txt 是所需的文件名
• 文件 URL 必须是同源（域、协议等）

JavaScript 解决方案：

要通过 JavaScript 下载文件，您可以使用 Blob 和 URL API：

var fileUrl = URL.createObjectURL(new Blob([data], {type: 'text/plain'}));
var a = document.createElement('a');
a.href = fileUrl;
a.download = 'myfilename.txt';
a.click();

其中：

• data 是文件data
• 'text/plain' 是文件类型
• myfilename.txt 是所需的文件名

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