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();


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM