麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > HTML > 正文

HTML5中的強制下載屬性download使用實例解析

2024-08-26 00:18:49
字體:
來源:轉載
供稿:網友
鏈接中加入download屬性可以使用戶將文件下載下來而不是直接用瀏覽器打開,截止到目前為止對HTML5提供支持的瀏覽器已經對這個屬性支持得比較好了,下面我們就來詳細看一下HTML5中的強制下載屬性download使用實例解析:
 
 

HTML5 的 Download 屬性用來強制瀏覽器下載對應文件,而不是打開。Chrome 和 Firefox 等瀏覽器太過于強大,也許是為了增強用戶體驗,當用戶點擊的資源文件可以被它們識別的時候(例如 pdf 會直接在瀏覽器打開,mp3、mp4 等媒體直接用瀏覽器內置播放器播放)。但有時候,用戶其實是希望直接下載而不是在瀏覽器上看看,這時就可以加上這個屬性,屬性值會對下載的文件重命名:
<a href="downloadpdf.php" download="download.pdf">點擊直接下載并保存成 download.pdf 文件</a>
如果你確定這個資源是用戶肯定會下載的,就可以加上這個屬性,還可以用 JS 或者手動改變想要保存的文件名。
在html里創建一個是下載鏈接是方便的,添加一個<a>標簽和指向文件的href屬性就行了。但是某些文件不會被下載(比如圖像,pdf,txt,doc),相反,他們會在瀏覽器中被打開。
如果你的站點是有服務器端的,你可以通過配置.htaccess文件來使得那些文件可以被下載。如果你的站點是被WordPress.com或者github頁面托管的(靜態頁面),那么輕考慮使用<a>標簽的download屬性

使用“Download”屬性
download屬性是html5規范的一部分,它表現為一個下載鏈接,而不是一個導航的鏈接。
download屬性也允許你去重命名一個需要下載的文件。比如,一個文件存放在服務器上,如果這個文件是自動生成的,一般來說它被都命名為一個系統的數字和破折號的組合,例如acme-doc-2.0.1.txt,我們可以重命名這個下載文件的名字,用戶下載后看到的文件名可以是一個比較好的名字,例如Acme Documentation (ver. 2.0.1).txt,像這樣增加用戶體驗(不要忘記文件的拓展名)。

XML/HTML Code復制內容到剪貼板
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 成人在线视频免费播放 | 久久精品99国产国产精 | lutube成人福利在线观看污 | 成人富二代短视频 | 亚洲午夜激情网 | 久久视频精品 | 亚洲伊人色欲综合网 | 久久免费视频一区 | 亚洲第一成人久久网站 | 国产91九色 | 国产一国产精品一级毛片 | 国产一区网址 | 色婷婷久久久久久 | 欧美一级黄色片免费观看 | 免费的毛片 | 亚洲网站在线观看视频 | 欧美国产日韩在线 | 亚洲精品成人av在线 | 一级黄色欧美 | 国产在线精品一区二区夜色 | 亚洲国产成人一区 | 中文字幕在线观看精品 | 久久精品国产久精国产 | 日操操夜操操 | 国产精品午夜一区 | 亚洲第一成人在线 | 亚洲伊人色欲综合网 | 黄色影院网站 | 91精品老司机 | 欧美一区二区三区久久精品视 | 黄色18网站 | 黄色视频a级毛片 | 久久久久久久网站 | 久久久久久精 | 欧美一级黄色录相 | 亚洲片在线 | 久久久一区二区三区视频 | 精品一区二区免费 | 久久精品日产第一区二区三区 | 国产流白浆高潮在线观看 | 51色视频|