今天做項目遇到一個要點擊按鈕下載文件的功能。
百度之 知道了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屬性。否則會出以下彈框。