首頁 >web前端 >js教程 >如何強制瀏覽器點擊下載圖片?

如何強制瀏覽器點擊下載圖片?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-11-11 20:33:03984瀏覽

How to Force a Browser to Download Images on Click?

如何強制瀏覽器點擊下載圖片檔案

問題

許多使用者都會遇到瀏覽器只開啟圖片檔案而不下載圖片的不便他們。此行為與單擊 Excel 文件連結時的預設操作不同,預設操作會提示瀏覽器自動下載文件。

客戶端編程解決方案

幸運的是,使用客戶端編程,它是可以強制瀏覽器在單擊時下載圖像文件。 HTML5 引入了「下載」屬性,可以將其新增至連結以啟動下載過程。

<a href="/path/to/image.png" download>

相容的瀏覽器將提示使用者下載具有相同檔案名稱的映像(例如image.png) ).

要為下載的檔案指定自訂檔案名,請為「下載」指定一個值屬性:

<a href="/path/to/image.png" download="AwesomeImage.png">

注意: 從2018年春季開始,此解決方案不再適用於跨源 href。例如,如果您嘗試建立指向不同網域上的映像的連結(例如,),則不會啟動下載.

以上是如何強制瀏覽器點擊下載圖片?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn