JS/Jquey 图片链接点击直接下载
_ 问题:
有一些浏览器(如:Google)点击带有图片链接的元素时,window.location.href=‘图片链接’
会在新标签打开图片,不会下载;
_ 解决思路:
如果没有带有图片链接的可点击元素时,创建a元素,并且主动触发a的点击事件;如果有,配置a的href和download属性,并主动触发点击事件;
// 下载图片
var a = document.createElement('a');
// 创建A图片
a.href = finalImgUrl; //图片地址
a.download = finalImgUrl.split('/')[finalImgUrl.split('/').length-1]; // 下载时图片名称
document.body.appendChild(a); // 追加元素
a.click();
$('.loadLinkElem').remove();
// 移除
$('body > a').remove();
https://www.yuque.com/smallwhy?tab=books