使用 download
属性指定当用户单击超链接时将下载目标:
<img src="https://user-images.githubusercontent.com/1680273/165700877-949e520a-c085-40ce-abd4-2996da31f33b.png" width="145" height="126" alt="Planets" usemap="#planetmap"> <map name="planetmap"> <area download shape="rect" coords="0,0,82,126" href="a.html" alt="Sun"> <area download shape="circle" coords="90,58,3" href="address.html" alt="Mercury"> <area download shape="circle" coords="124,58,8" href="applet.html" alt="Venus"> </map>
download
属性指定当用户单击超链接时将下载目标(href
属性中指定的文件)。
download
属性的可选值将是文件下载后的新名称。 对允许值没有限制,浏览器会自动检测正确的文件扩展名并将其添加到文件中(.img
、.pdf
、.txt
、.html
等)。
如果省略该值,则使用原始文件名。
表中的数字指定了完全支持该属性的第一个浏览器版本。
属性 | |||||
---|---|---|---|---|---|
download | 14.0* | 18.0 | 20.0* | 10.1 | 15.0 |
* Chrome 65+ 和 Firefox 仅支持同源下载链接。
<area download="filename">
值 Value | 描述 Description |
---|---|
filename | 可选的。 指定下载文件的新文件名 |
为下载属性指定一个值,它将是下载文件的新文件名(sun.html
而不是 a.html
等):
<img src="https://user-images.githubusercontent.com/1680273/165700877-949e520a-c085-40ce-abd4-2996da31f33b.png" width="145" height="126" alt="Planets" usemap="#planetmap"> <map name="planetmap"> <area download="sun" shape="rect" coords="0,0,82,126" href="a.html" alt="Sun"> <area download shape="circle" coords="90,58,3" href="address.html" alt="Mercury"> <area download shape="circle" coords="124,58,8" href="applet.html" alt="Venus"> </map>