超鏈接a的download屬性 實現文件下載功能


今天做項目遇到一個要點擊按鈕下載文件的功能。

百度之 知道了a的download屬性。這是HTML5的新特性。主要功能是實現下載功能。主要語法是

<a href="url" download="filename">下載</a>

 

url是你的路徑,如果不寫或者寫成# 會下載當前頁面的HTML代碼

filename是下載之后文件的名字。所以不寫也可以,不寫會按照路徑里的那個文件名來。

這個屬性不兼容ie, 版本多高的ie都不支持。

以后H5可以實現文件的上傳和下載那還是很方便。

------------------------------------------------2020/1/11更新-------------------------------------------------

本人換了macBookPro 證明Safari也是支持的

還有就是download這個屬性 不僅僅是改個文件名這么簡單。

a鏈接加上href其實就可以實現下載,但是頁面會閃一下,因為打開了新頁面。加上了download屬性后,就不會了。

換句話說 不會觸發onbeforeunload事件了。

這意味着,如果你的頁面整體加了跳轉限制,不讓用戶隨便刷新,那你如果還想用<a>標簽實現下載,就必須加上download屬性。否則會出以下彈框。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM