前端如何通过链接去下载img图片

很多项目中都有下载一些图片文件的需求，常用的方式是通过a标签实现:

<a href="download.jpg"></a>
复制代码

但是你会在使用时发现点击该链接后并不是下载对应的图片，而是在浏览器中打开了对应的图片，这并不是我们想要的。

应为浏览器判断是否下载一般会根据文件返回的头信息进行判断，如果给返回了对应的头信息则会进行下载：

header('Content-type: image/jpeg'); 
header("Content-Disposition: attachment; filename='download.jpg'"); 
复制代码

很好，但是如果这样还需要后端人员的配合，我们有没有其他的方式呢？有，那就是使用download属性:

<a href="download.jpg" download>下载</a>
复制代码

这样就可以