如何僅使用 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中文網其他相關文章！