关于标签a的download属性兼容性总结

本文章只讨论a标签download属性的相关内容。关于页面实现下载功能的方法，另外开篇探讨。

download为h5中新增的a标签属性。download+herf使a标签具备点击下载功能。但其兼容性有局限性。

1、首先实现download功能，先决条件必须满足：所要下载的文件与js或当前页面同源。即window.location.protocol（传输协议）+window.location.host（域名）必须有，且一致。

如果是本地文件，请启动本地服务，使用localhost访问页面。

例如：

2、用法

点击下载

download的值用来设置下载的文件名称。

3、兼容性测试及结果

代码

同源图片，不带download


同源图片，带download


网络图片，不带download


网络图片，带download


本地zip文件，不带download


js放置a标签实现（html无法打开的文件格式）


js放置a标签实现（html可以打开的文件格式）


js放置a标签实现（html不能打开的网络文件格式）


js放置a标签实现（html可以打开的网络文件格式）

pc端浏览器兼容性

4、总结

html不支持的文件，无论同源还是不同源，有没有download属性，都会下载。
html支持的文件，同源且有download属性，除ie外都会下载。
html支持的文件，不同源，无论有无download属性，都不会下载，浏览器会直接跳转打开。

原文链接：https://blog.csdn.net/u012881483/article/details/120042474