a标签download属性

download属性是HTML5新增的属性，也就是作用在HTML5的基础之上，他可以使a标签的href属性进行下载,download属性为下载后的文件名

用法1:下载该本地图片,并默认命名

<a href="../../assets/img/213.png" download target="_blank"> 下载图片</a>

用法2:下载该本地图片,并命名为img

<a href="../../assets/img/213.png" download="img" target="_blank"> 下载图片</a>

注意: href属性的地址必须是前端js非跨域的地址(限于同源文件)，如果引用的是第三方的网站或者是调用后台的接口，这时download就会不起作用。

在这种情况下如果你是下载浏览器无法解析的文件，例如.exe,.xlsx…那么浏览器也会自动下载，但是如果你使用浏览器可以解析的文件，比如.txt,.png…浏览器就会采取预览模式，所以无论如何你都无法直接弹出下载框。如下图所示：

<a href="http://pengxi.honggv.cn:9099/image/5be411a7-0800-49a2-8e5b-866fc5c70b19.png" download="username" target="_blank"> 下载</a>

所以如果真的出现上述情况，那么只有一种办法，提示用户进行手动的右键保存。
参考:https://blog.csdn.net/zgjsxzlx/article/details/86543022

另一种解决方案是通过后台修改配置.
参考:https://www.cnblogs.com/liujiacai/p/11732654.html