HTML download 属性将链接变成下载

阅读(3861)

一般地,形如 txt 类型的文件在浏览器是直接打开展示的,如果需要变成下载,需要设置HTTP Header 的 Content-Type值。

现在,HTML5 下可以通过 download 属性,将默认打开查看的链接目标,变成下载。

如:

<a href="http://www.ietf.org/rfc/rfc2616.txt" download>RFC 2616</a>
<a href="http://www.ietf.org/rfc/rfc2616.txt">点我查看 RFC 2616</a>

效果如下:

点我查看 RFC 2616

点我下载 RFC 2616

目前Chrome 和 Firefox 已经支持 download 属性,IE 10不支持,Safari 5不支持。

参考来源:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download