js 通过链接下载图片到本地

downLoad() {
  const imgUrl = this.showData.organization_image;// 图片链接
  const a = document.createElement('a');
  
  // 这里是将url转成blob地址,
  fetch(imgUrl)  // 跨域时会报错
    .then(res => res.blob())
    .then(blob => { // 将链接地址字符内容转变成blob地址
      a.href = URL.createObjectURL(blob);
      a.download ='机构对账单'; // 下载文件的名字
      document.body.appendChild(a);
      a.click();
      //在资源下载完成后 清除 占用的缓存资源
      window.URL.revokeObjectURL(a.href);
      document.body.removeChild(a);
    })
}

你可能感兴趣的:(js 通过链接下载图片到本地)