function loadImage(src){
return new Promise((resolve,reject)=>{
const image=new Image();
image.src=src;
image.width=200;
image.onload=()=>{
resolve(image);
}
//这里不能写成reject(),否则就会执行reject的then方法,此时promise状态以被改变,当微任务执行到resolve(image)时已经不能再次改变promise的状态了
image.onerror=reject;
document.body.appendChild(image);
})
}
loadImage("../images/lyy.jpg").then(image=>{
image.style.border="solid 6px red";
},reason=>{
console.log("error");
})
Promise异步加载图片
最新推荐文章于 2024-03-03 19:10:39 发布