DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 關於html的下載功能詳解
關於html的下載功能詳解
編輯:HTML和Xhtml     

新項目基本告一段落,第一次完成前後端分離的集成,遇到的坑自然不少。

來說說第一天遇到的其中一個坑吧。

——關於下載的問題。。。

以前的做法,大家都喜愛用<a></a>標簽吧。而我一開始也是用a標簽,href屬性放在圖片的地址來模擬下載的功能。結果發現,這個鬼東西,你點擊他,直接是打開一張新圖片,並不是下載的意思。

然後,我看了一篇文章,又打開了本寶寶的新世界大門。

download屬性

<a>標簽必須有href的屬性。浏覽器將自動檢測正確的文件擴展名並添加到文件 (.img, .pdf, .txt, .html, 等等)。

舉個例子舉個例子:

<a href="ccc.jpg" download>

其實你也可以自定義下載的文件名的

<a href="ccc.jpg" download="wageSoCute.jpg">

但其實這種方法也是有很大的局限性的。

其一就是其兼容性,根據W3C提供的數據。

這樣下來看來這個屬性暫時的實用性其實一般般。

還有一個坑是我還沒有踩到的,就是跨域問題,等我踩了再去更新下。。

總結一句話,這個download是個好東西,但是看起來支持性並不好,不知道他未來的發展會怎麼樣呢,畢竟現在也還是一個a標簽的新屬性,再等等看吧,現在至少知道有這麼個東西就差不多了。

以上這篇關於html的下載功能詳解就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

原文地址:http://www.cnblogs.com/w-age666/archive/2016/05/04/5458342.html

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved