如何使用 JavaScript 或 jQuery 以程式設計方式在新分頁或視窗中觸發文件下載？

如何使用JavaScript/jQuery 啟動檔案下載

場景：

您的目標是在以下情況下觸發檔案下載：使用者使用JavaScript 或jQuery 按一下特定的HTML 元素，但不取代目前頁面內容。相反，您想在新視窗或選項卡中開啟下載。

解決方案：

1.使用不可見iframe：

• 使用非預設ID 建立不可見iframe 元素，例如“my_iframe”。
• 使用 iframe 的「src」屬性來指定檔案的網址。

<script>
  function Download(url) {
    document.getElementById("my_iframe").src = url;
  }
</script>

2.強制下載：

• 要強制瀏覽器下載它可以呈現的檔案（例如HTML 或文字），請指示伺服器將其MIME類型設定為無意義的內容，例如“應用程式/x-請下載-我”或“應用程式/八位元組流。”

3.在新選項卡中開啟檔案(jQuery)：

• 將HTML元素的“target”屬性設定為“_blank”，並在“href”屬性中提供檔案的 URL。

$('a#someID').attr({target: '_blank', href: 'http://localhost/directory/file.pdf'});

點擊此鏈接，文件將在新選項卡或視窗中下載，不影響當前頁。

以上是如何使用 JavaScript 或 jQuery 以程式設計方式在新分頁或視窗中觸發文件下載？的詳細內容。更多資訊請關注PHP中文網其他相關文章！