今天分享的这个方法我之前自己试了一下，感觉还行，原理就是通过<a>标签的新增属性实现的，然后可以强制触发下载功能，废话不多说，直接上教程。

首先在HTML写下面的代码:

<a href=\"img.jpg\" download=\"imgxia\"> <img src=\"img.jpg\" alt=\"\"> </a>

<img id=\"xia2\" src=\"img.jpg\" alt=\"\">

<button class=\"downloadBtn\" type=\"button\" onclick=\"downloadImg()\">下载图片</button>

JS核心下载代码:

function downloadImg(){

var img = document.getElementById(\'xia2\');

var url = img.src;

var a = document.createElement(\'a\');

var event = new MouseEvent(\'click\')

a.download = \'imgxia\'

a.href = url;

a.dispatchEvent(event)

点击按钮之后，就会出现下载框了: