通过js下载图片

简介

其实原理很简单就是通过浏览器的性质来完成下载

方案1

function download(src) {
    const $a = document.createElement('a');
    $a.setAttribute("href", src);
    $a.setAttribute("download", "");

    const event = new MouseEvent('click');
    $a.dispatchEvent(evObj);
};

此方法原理为触发a标签的click事件

方案二

function download(src) {
    const $a = document.createElement('a');
    $a.setAttribute("href", src);
    $a.setAttribute("download", "");

    $a.click()
};

此方法同上

以上原理

<a href="1.png" download=""></a>

方案三

注意事项

测试环境: chrome
比较坑的一点是如果以上操作在异步, 那么将无法正常下载