js通过点击实现文件下载

一般情况下通过a标签可以实现下载效果，比如一般的文件类的，但是如果是图片则大部分的浏览器都会跳转的一个页面进行显示图片，而不是下载。下面我们来介绍一个通用的文件下载方法。

html部分代码

<button οnclick="download('img/12.jpg')">点击下载</button>

js部分代码

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

    var evObj = document.createEvent('MouseEvents');
    evObj.initMouseEvent( 'click', true, true, window, 0, 0, 0, 0, 0, false, false, true, false, 0, null);
    $a.dispatchEvent(evObj);
};

如此，便可以通过点击来实现下载的效果，无论是图片还是文件均可以下载。此方法不支持IE8