项目中通过url地址下载图片或文件

 1. 全局的 window.fetch() 方法用于发起获取资源的请求。它返回一个 promise,这个 promise 会在请求响应后被 resolve,并传回 Response 对象。

fetch(Url).then(
   (res) => {
     res.blob().then(
      (blob) => {
        download(blob, name);
       },
      (err) => {
         console.log(err);
       }
     );
          },
   (err) => {
     console.log(err); 
   }
 );

 2. 将转化后的blob生成链接, 点击a标签后直接下载

download(blob, name) {
  let href = window.URL.createObjectURL(blob);
  let eleLink = document.createElement("a");
  eleLink.download = name;
  eleLink.href = href;
  eleLink.click();
  eleLink.remove();
  window.URL.revokeObjectURL(href);
},

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值