a标签下载图片及js执行下载图片

原因：

我发现href的值是网络地址就是添加了download属性还是会直接打开图片而不是直接下载，只有写成相对地址添加了download属性才会执行下载，但是存在兼容性问题

如下：

<a href="https://www.iamyun.net/eastcomlab/surprisestatic/1524548025839250.png" download><span>下载</span></a>

这样的我试的结果在chrome浏览器 frefox,ie浏览器里面直接打开而不是下载，360浏览器,QQ浏览器执行下载。这个属性存在兼容性问题。我想的是服务端把图片弄成一个压缩包的话 href的地址就算是一个网络地址，但是直接打不开就会执行下载。这也是一个办法。只要是浏览器直接解析不出来的东西都是可以执行下载动作的。

相对地址：<a href="2.png" download="测试"><span>下载</span></a> html文件和要下载的图片我放在同一目录下不管是服务器上还是本地。是可以执行下载的。

在HTML5中，a标签除了href外，还新增了一个重要的属性，就是download。如广大前端工作人员所知，通常如果a标签的href属性=‘xxx’，如果xxx可以被浏览器解析，那么xxx就会被页面打开，而不是被下载，只有当浏览器不能解析的时候，那么才会被下载到本地。通常js,图片ÿ