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);
})
promise手写加载图片
最新推荐文章于 2021-09-10 15:27:08 发布