_ 問題:
有一些瀏覽器(如: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();