a 标签的 download 属性，不下载直接跳转问题

Question

<a href="https://www.baidu.com/img/bd_logo1.png?qua=high" download="baidu">
<img src="https://www.baidu.com/img/bd_logo1.png?qua=high" width="300px">
</a>
网上都说 chrome 可以使用 a 标签的 download 属性，但是我加上这个属性后并没有下载，而是直接跳转为什么呢？？？大佬们，我的 Chrome 是最新版本！！

Answer 1

a链接href属性的地址必须是和你前端js非跨域的地址，如果引用的是第三方的网站或者是前后端分离的项目，download就会不起作用。
你可以起一个本地服务，图片存在本地试一下

Answer 2

此处a标签的href应为该图片的blob数据。
通过ajax或者fetch之类请求图片的链接，设置其返回的数据类型，拿到blob数据。
或者
跳转图片后自个右键选择图片另存为

Answer 3

服务端配置一下下载目录

Answer 4

我也遇到你这样的问题，你可以参考download.js，搜索就能查到。