新項目基本告一段落,第一次完成前后端分離的集成,遇到的坑自然不少。
來說說第一天遇到的其中一個坑吧。
——關(guān)于下載的問題。。。
以前的做法,大家都喜愛用<a></a>標(biāo)簽吧。而我一開始也是用a標(biāo)簽,href屬性放在圖片的地址來模擬下載的功能。結(jié)果發(fā)現(xiàn),這個鬼東西,你點擊他,直接是打開一張新圖片,并不是下載的意思。
然后,我看了一篇文章,又打開了本寶寶的新世界大門。
download屬性
<a>標(biāo)簽必須有href的屬性。瀏覽器將自動檢測正確的文件擴(kuò)展名并添加到文件 (.img, .pdf, .txt, .html, 等等)。
舉個例子舉個例子:
<a href="ccc.jpg" download>
其實你也可以自定義下載的文件名的
<a href="ccc.jpg" download="wageSoCute.jpg">
但其實這種方法也是有很大的局限性的。
其一就是其兼容性,根據(jù)W3C提供的數(shù)據(jù)。
這樣下來看來這個屬性暫時的實用性其實一般般。
還有一個坑是我還沒有踩到的,就是跨域問題,等我踩了再去更新下。。
總結(jié)一句話,這個download是個好東西,但是看起來支持性并不好,不知道他未來的發(fā)展會怎么樣呢,畢竟現(xiàn)在也還是一個a標(biāo)簽的新屬性,再等等看吧,現(xiàn)在至少知道有這么個東西就差不多了。
以上這篇關(guān)于html的下載功能詳解就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
原文地址:http://www.cnblogs.com/w-age666/archive/2016/05/04/5458342.html