html/html5中的download屬性

標籤：屬性   log   images   http   .com   href   chrome瀏覽器   資源   分享   

相容性不是很好，

只是瞭解一下：

主要表現在跨域策略的處理上，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處理的情境越來越普遍

html/html5中的download屬性