HTML5 a标签的download属性
2014-08-13 23:23
323 查看
【转载请注明出处:/article/2381717.html】
download属性能让我们指定浏览器下载时采用新的文件名称,也就是在客户端重命名下载文件。而不是链接上原始的文件名称。
添加download属性后,无论a标签的href属性链接到一个网页、图片、文本等,download属性都会强制触发下载操作,且自动命名文件为download属性。
如下代码
添加download属性后直接下载图片,而不是在浏览器中打开图片,且文件名自动修改成w3logo.jpg
点击链接测试:http://www.w3school.com.cn/tiy/t.asp?f=html_a_download (代码与本文稍有不同)
参考资料
W3School HTML <a> download 属性 http://www.w3school.com.cn/tags/att_a_download.asp
HTML5里download属性 http://www.webhek.com/download-attribute/
只有 Firefox 和 Chrome 支持 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
点击链接测试:http://www.w3school.com.cn/tiy/t.asp?f=html_a_download (代码与本文稍有不同)
<a href="http://www.webhek.com/wordpress/wp-content/themes/webhek2/images/follow-us.jpg?8fe47c" download="我改名了.jpg">下载图片</a>
<a href="http://blog.csdn.net/leytton" download="Leytton.pdf">下载网页</a>
参考资料
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 |
---|---|---|---|---|
相关文章推荐
- HTML5 a标签的download属性
- HTML5 <a>标签download 属性
- HTML5 <a>标签download 属性
- HTML5 a标签的download属性
- HTML5 a标签的download属性
- HTML5 audio标签使用 preload属性 规定是否在页面加载后载入音频
- HTML5 标签、事件句柄属性以及浏览器兼容情况速查手册
- 【2017-11-25】a标签中的download属性详解
- HTML5 meta标签属性整理
- html5 multiple="multiple" 属性 多图片单file标签上传无插件
- html5新增标签和属性
- HTML5 Audio/Video 标签,属性,方法,事件汇总
- HTML5 Audio/Video 标签,属性,方法,事件汇总 (转)
- HTML5 Audio/Video 标签,属性,方法,事件汇总
- HTML5基础知识整理(一)—— 新增标签和属性
- a标签的下载链接,如果是图片,点击链接是下载一个图片而不是直接打开,应该怎么办?(添加download属性)
- html5 script标签async属性用法
- [转帖]HTML5 Audio/Video 标签,属性,方法,事件汇总
- HTML5 Audio/Video 标签,属性,方法,事件汇总
- html5标签为什么会有margin和padding两个属性?