關(guān)于html的下載功能詳解
我要評論新項目基本告一段落，第一次完成前后端分離的集成，遇到的坑自然不少。
來說說第一天遇到的其中一個坑吧。
——關(guān)于下載的問題。。。
以前的做法，大家都喜愛用<a></a>標(biāo)簽吧。而我一開始也是用a標(biāo)簽，href屬性放在圖片的地址來模擬下載的功能。結(jié)果發(fā)現(xiàn)，這個鬼東西，你點擊他，直接是打開一張新圖片，并不是下載的意思。
然后，我看了一篇文章，又打開了本寶寶的新世界大門。
download屬性
<a>標(biāo)簽必須有href的屬性。瀏覽器將自動檢測正確的文件擴展名并添加到文件 (.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
相關(guān)文章
HTML5全屏響應(yīng)式縮放切換幻燈片代碼是一款切換的時候當(dāng)前slide會平滑縮小并移動，下一個slide會從縮小狀態(tài)逐漸放大并移動到屏幕中間，效果不錯。需要的朋友前來下載源碼哦2016-05-10
html5 canvas實現(xiàn)的“我們要發(fā)財了”游戲源碼
這是一款基于html5 canvas實現(xiàn)的“我們要發(fā)財了”游戲源碼。運行該源碼按照游戲規(guī)則找到鑰匙打開寶箱即可獲得勝利，游戲中的小人使用鍵盤的方向鍵控制2016-05-10- 這篇文章主要為大家詳細(xì)介紹了Html制作簡單而漂亮的登錄頁面具體代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-05-10
html5實現(xiàn)的仿網(wǎng)頁版微信聊天界面效果源碼
這是一款基于html5實現(xiàn)的仿網(wǎng)頁版微信聊天界面效果源碼，可實現(xiàn)微信網(wǎng)頁版聊天界面效果，在編輯框編輯文字之后按Ctrl+Enter鍵即可提交文字到聊天對話框上2016-05-09剖析標(biāo)注HTML元素時class比id所具有的優(yōu)勢
這篇文章主要介紹了標(biāo)注HTML元素時class比id所具有的優(yōu)勢,id的CSS優(yōu)先級比class要高,因而修改樣式時在class的基礎(chǔ)上再去構(gòu)建id標(biāo)注的元素會更方便,需要的朋友可以參考下2016-05-09詳解HTML5中rel屬性的prefetch預(yù)加載功能使用
這篇文章主要介紹了HTML5中rel屬性的prefetch預(yù)加載功能使用,特別是在用戶第一次訪問Web頁面瀏覽器尚無緩存的時候,prefetch可以用作加速,需要的朋友可以參考下2016-05-06- 這篇文章主要為大家詳細(xì)介紹了HTML表格布局簡單實例，HTML表格布局是HTML入門學(xué)習(xí)中的基礎(chǔ)知識，感興趣的小伙伴們可以參考一下2016-05-05
html5 canvas實現(xiàn)的3D飛行飛行動畫特效源碼
這是一款基于html5 canvas實現(xiàn)的3D飛行飛行動畫特效源碼，其中3D飛行的飛機使用了Three.js插件，3D庫使WebGL的簡單實現(xiàn)。且飛機動畫效果還可響應(yīng)鼠標(biāo)實現(xiàn)移動與遠(yuǎn)景近景等2016-05-05表格單元格內(nèi)容超出時顯示省略號效果(實現(xiàn)代碼)
下面小編就為大家?guī)硪黄砀駟卧駜?nèi)容超出時顯示省略號效果(實現(xiàn)代碼)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-12
