promise手写加载图片

function loadImg(src){
  const p=new Promise((resolve,reject)=>{
    const img=document.createElement('img')
    img.onload=function() {
      resolve(img)
    }
    img.onerror=function(){
      const err=new Error(`图片加载失败,url为:${src}`)
      reject(err)
    }
    img.src=src
  })
  return p
}


const url1='https://www.zut.edu.cn/__local/E/5E/3C/A12FF6E45372335C2351254D8F9_804DFC1B_9F73.jpg'
const url2='https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2F3d3bbb5626df7c0a52b0e665eea40a45dde19b051b795-9m8Sul_fw658&refer=http%3A%2F%2Fhbimg.b0.upaiyun.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1621848856&t=baf349e8c7d318d68d8fa610abcd79d6'
loadImg(url1).then(img=>{
  console.log('图片',img);
  return loadImg(url2)
}).then(img2=>{
  console.log('图片2',img2);
}).catch(e=>{
  console.log(e);
})
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值