HTML5 a标签的download属性

Posted 小向光

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML5 a标签的download属性相关的知识,希望对你有一定的参考价值。

原址: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属性的主要内容,如果未能解决你的问题,请参考以下文章

HTML+JS 实现图片下载到本地

HTML 4.01 与 HTML 5 download 属性之间的差异

表格文件的下载

实现文件在线浏览和下载

body之内联标签a

关于a标签的download属性失效问题