js通过点击实现文件下载
2017-05-02 13:57:38
一般情况下通过a标签可以实现下载效果，比如一般的文件类的，但是如果是图片则大部分的浏览器都会跳转的一个页面进行显示图片，而不是下载。下面我们来介绍一个通用的文件下载方法。
html部分代码
<button onclick="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
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2017-05-02，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读