HTML <a> download 属性

作者: 高正杰 | 来源:发表于2017-12-24 15:47 被阅读97次

测试地址

<a href="http://www.cuit.edu.cn/Images/logo.png" download="cuit_logo">下载图片</a>

定义和用法

href 属性定义了下载链接的地址。
download 属性定义了下载文件的名称,文件扩展名由浏览器自动检测添加。

(1) 当 download 属性值不为空时,下载的文件的名字由 download 的属性值确定,扩展名分两种情况:
① download 中指定后缀名

<a href="1506701587.csv" download="测试文件.csv">下载文件</a>

上面的文件下载下来之后的名字为:测试文件.csv

② download 中不指定后缀名,扩展名由浏览器自动检测添加

<a href="1506701587.csv" download="测试文件">下载文件</a>

上面的文件下载下来之后的名字为:测试文件.xls
特别注意:文件扩展名的检测正确率并不是 100%。例如 .csv 文件会被检测成 .xls 文件,导致下载后文件打不开。

(2) 当 download 属性值为空时,下载的文件的名字和扩展名与源文件一致

<a href="1506701587.csv" download>下载文件</a>

上面的文件下载下来之后的名字为:1506701587.csv

Notice:预防文件扩展名发生变化,要么在 download 属性中指定扩展名,要么使 download 为空,下载文件与源文件保持一致。



该文章于2017年10月8日于CSDN上首次发表,2017年12月24日搬家至此!

相关文章

  • HTML <a> download 属性

    测试地址 定义和用法 href 属性定义了下载链接的地址。download 属性定义了下载文件的名称,文件扩展名由...

  • HTML中的<a></a>标签

    是html中非常常用且重要的标签,本文将会介绍 的各种属性以及一些使用经验。 属性 hrefhref是 中最重...

  • HTML直接下载图片

    代码: 说明: download属性支持chrome和Fire...

  • <a><image/></a>

    a元素下有一个匿名文本,这个文本外有一个匿名行级盒子,它有的默认vertical-align是baseline的,...

  • <a><image/></a>

    大地Dudy,前端工程师 / 全栈开发工程师 a元素下有一个匿名文本,这个文本外有一个匿名行级盒子,它有的默认ve...

  • HTML重难点标签

    HTML常用标签 a标签 属性 href target download rel=noopener 作用 跳转外部...

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

    1、具体原理 在HTML5中,download是 标签的新增属性,download属性能让我们指定浏览器下载文件时...

  • 前端面试每日 3+1 —— 第57天

    今天的面试题 (2019.06.12) —— 第57天 [html] 你了解HTML5的download属性吗? ...

  • 4-HTML中的< a>,< img/>

    一.< img/>图片标签 格式: 作用: 用于告诉浏览器向网页中嵌入一幅图像。 常用属性: 注意点:1. 图片...

  • <a>标签

    使用 标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。 语法: 链接显示的文本...

网友评论

    本文标题:HTML <a> download 属性

    本文链接:https://www.haomeiwen.com/subject/apdhgxtx.html