好程式設計師web前端詳解HTML5中download屬性的應用

       好程式設計師 web前端詳解HTML5中download屬性的應用， 在傳統的 html中，某個檔案的下載，是這樣的：

 

      XML/HTML Code複製內容到剪貼簿       <a href="=/files/abc1234564545.pdf">report</a>  

      而在HTML 5瀏覽器中，可以支援download屬性了，如下：

 

      XML/HTML Code複製內容到剪貼簿   <a href="=/files/abc1234564545.pdf" download="abc">report</a>   

      download屬性的好處在於，在使用者下載檔案的時候，顯示在使用者瀏覽器

      中的“另存”為的檔案顯示框中，顯示的是這個downloader屬性中顯示的

      東西了，比較友好

 

      HTML5裡，download屬性為下載的檔案取一個合適的名字，而不是使用原生的伺服器檔名。

 

      XML/HTML Code複製內容到剪貼簿    <!-- 將會下載 "test.txt"檔案 -- 

       然後當使用者點選這個連結，這個download屬性值就出現在下載對話方塊中，代替原來凌亂的檔名。在這個例子中，檔案將被下載為test.txt。download屬性同時開啟了一個強制下載。

 

       這個屬性在存在檔案互動的地方非常有用，在伺服器端的檔名需要是及其獨特的（上例中的檔名就很獨特不是嗎？），但是一堆亂碼對使用者來說沒有任何作用，download屬性定義檔名對使用者更有意義。download屬性只是增強性的，它不是非常酷，但是它很實用，而且非常易於新增。