您的位置:首页 > Web前端 > JavaScript

通过js下载图片

2020-04-05 07:16 621 查看

简介

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

方案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
比较坑的一点是如果以上操作在异步, 那么将无法正常下载

  • 点赞
  • 收藏
  • 分享
  • 文章举报
刘翾 博客专家 发布了167 篇原创文章 · 获赞 275 · 访问量 59万+ 他的留言板 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: