js图片下载问题

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/hope93/article/details/83446758

我们都知道图片下载可以通过a标签下载，如下：

<a href=‘下载地址’ download>下载</a>

用a标签下载如果是相对地址那没有问题，但是如果是绝对地址，在某些浏览器会有问题，没法下载图片，这里就要用到如下：

function downloadImg(url, name) {
  // 将链接地址字符内容转变成blob地址
  fetch(url).then(res => res.blob()).then((blob) => {
    // 创建隐藏的可下载链接
    const a = document.createElement('a');
    a.style.display = 'none';
    a.href = URL.createObjectURL(blob);
    a.download = name;
    document.body.appendChild(a);
    a.click();
    // 移除元素
    document.body.removeChild(a);
  });
}

通过fetch来下载图片即可