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