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

JS/Jquey 图片链接点击直接下载

原文：https://www.cnblogs.com/zero-zm/p/11622794.html