HTML5的download屬性詳細(xì)介紹和使用實(shí)例
發(fā)布時(shí)間:2014-04-23 17:24:55 作者:佚名
我要評論

我一直在密切關(guān)注HTML5的最新革新,你會(huì)覺得我在浪費(fèi)時(shí)間嗎?HTML5給我們帶來了很多“重型”的特征,例如WebSockets,Web Workers,History, Storage 和一些像 classList 這樣的工具類
然而,也有很多小的非常好的特征;其中一個(gè)就是新添加的download屬性。download屬性能讓我們指定瀏覽器下載時(shí)采用新的文件名稱,也就是在客戶端重命名下載文件。而不是鏈接上原始的文件名稱。實(shí)際上download屬性更合適的名稱是downloadName。
HTML代碼
把download屬性放到A鏈接上….
復(fù)制代碼
代碼如下:<!-- 下載時(shí)使用"預(yù)算表.pdf"名稱 -->
<a href="/files/adlafjlxjewfasd89asd8f.pdf?66b11b" download="預(yù)算表.pdf">下載支出費(fèi)用表</a>
當(dāng)用戶點(diǎn)擊這個(gè)鏈接,download屬性值里的新名稱就會(huì)顯示到彈出的下載框里。這樣你保存的文件名稱是“預(yù)算表.pdf”。而且,download屬性能夠強(qiáng)制觸發(fā)下載操作,很像我們用PHP里在server端執(zhí)行的操作。
download屬性在你需要執(zhí)行下載任務(wù)時(shí)非常的有用,很多時(shí)候我們在服務(wù)端存儲(chǔ)的文件名都是序號表示的,確保其唯一性,但這樣的名稱對用戶是無意義的。download屬性的客戶端重命名功能使我們輕而易舉的變換了下載文件名。
相關(guān)文章
HTML5里的placeholder屬性使用實(shí)例和美化顯示效果的方法
HTML5里新引入很多有趣的新特征;有些體現(xiàn)在HTML里,有些是JavaScript API,全部非常的有用。其中我最喜歡的一個(gè)特征就是文本框(INPUT)里的placeholder屬性2014-04-23- HTML5給我們帶來了很多非常簡單但卻非常強(qiáng)大的HTML屬性:placeholder, download, and autofocus,等等2014-04-23
- HTML5的變革給我們帶來了大量非常有用的新屬性,比如placeholder, download, hidden,等等。每一種新屬性都給我們帶來了對頁面元素新的控制方法和控制效力2014-04-23