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

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

Mary-Kate Olsen
發布: 2024-11-11 20:33:03
原創
976 人瀏覽過

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中文網其他相關文章!

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