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