admin管理员组

文章数量:1558091

原因:

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

如下:

<a href="https://www.iamyun/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,图片ÿ

本文标签: 下载图片标签js