兼容性不是很好,
只是了解一下:
主要表現在跨域策略的處理上,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
處理的場景越來越普遍