html/html5中的download屬性


兼容性不是很好,

只是了解一下:

主要表現在跨域策略的處理上,Chrome瀏覽器和FireFox瀏覽器:

如果需要下載的資源是跨域的,包括跨子域,在Chrome瀏覽器下,使用download屬性是可以下載的,但是,並不能重置下載的文件的命名;而FireFox瀏覽器下,則download屬性是無效的,也就是FireFox瀏覽器無論如何都不支持跨域資源的download屬性下載。

而,如果資源是同域名的,則兩個瀏覽器都是暢通無阻的下載,不會出現下載變瀏覽的情況。

 

 

demo

<a href="large.jpg" download>下載</a>

不僅如此,我們還可以指定下載圖片的文件名:

<a href="index_logo.gif" download="_5332_.gif">下載</a>

如果后綴名一樣,我們還可以缺省,直接文件名:

<a href="index_logo.gif" download="_5332_">下載</a>

 

除了圖片資源,我們還可以是PDF資源,或者txt資源等等。尤其Chrome等瀏覽器可以直接打開PDF文件,使得此文件格式需要download處理的場景越來越普遍


免責聲明!

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



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