首頁 > web前端 > js教程 > 如何使用 JavaScript/jQuery 在新分頁或視窗中下載檔案而不取代目前頁面?

如何使用 JavaScript/jQuery 在新分頁或視窗中下載檔案而不取代目前頁面?

Linda Hamilton
發布: 2024-12-15 21:44:11
原創
946 人瀏覽過

How Can I Download Files in a New Tab or Window Using JavaScript/jQuery Without Replacing the Current Page?

使用JavaScript/jQuery 下載檔案而不取代目前頁面

問題:
如何在單獨的目錄中手動啟動檔案下載選項卡或窗口,同時避免使用下載的檔案來取代目前頁面的預設行為JavaScript/jQuery?

解決方案:

要在新選項卡或視窗中下載檔案而不中斷當前頁面:

使用不可見的iframe:

此方法建立一個不可見的iframe 並指派下載其src 屬性的 URL:

<iframe>
登入後複製

這會在背景觸發下載。為了確保瀏覽器下載不可渲染的檔案(例如 HTML、文字),伺服器必須將檔案的 MIME 類型設定為無意義的值,例如 application/x-please-download-me 或 application/octet-stream。

在新分頁中開啟(jQuery):

要在新分頁中開啟文件,請使用jQuery 將連結的target 屬性設為_blank 並在href 屬性中指定檔案的URL:

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

點擊連結時,檔案將在新分頁或視窗中下載,具體取決於瀏覽器的設定。

以上是如何使用 JavaScript/jQuery 在新分頁或視窗中下載檔案而不取代目前頁面?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板