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();
相關文章
相關標籤/搜索