HTML5 a标签的download属性
Posted 小向光
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML5 a标签的download属性相关的知识,希望对你有一定的参考价值。
download属性能让我们指定浏览器下载时采用新的文件名称,也就是在客户端重命名下载文件。而不是链接上原始的文件名称。
添加download属性后,无论a标签的href属性链接到一个网页、图片、文本等,download属性都会强制触发下载操作,且自动命名文件为download属性。
<!DOCTYPE html>
<html>
<body>
<p>点击 W3School 的 logo 来下载该图片:<p>
<a href="/i/w3school_logo_white.gif" download="w3logo.jpg">
<img border="0" src="/i/w3school_logo_white.gif">
</a>
</body>
</html>
添加download属性后直接下载图片,而不是在浏览器中打开图片,且文件名自动修改成w3logo.jpg
参考资料
W3School HTML <a> download 属性 http://www.w3school.com.cn/tags/att_a_download.asp
HTML5里download属性 http://www.webhek.com/download-attribute/
浏览器支持
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
只有 Firefox 和 Chrome 支持 download 属性。
以上是关于HTML5 a标签的download属性的主要内容,如果未能解决你的问题,请参考以下文章