1. 程式人生 > 其它 >promise非同步載入圖片(marksheng)

promise非同步載入圖片(marksheng)

技術標籤:筆記前端前後端promise手寫非同步載入img非同步resolvereject

  • promise非同步載入圖片://函式直接呼叫,在.then中進行成功的操作,在.catch中進行失敗的各種操作.

  •  
    function loadImageAsync(url){
    
    return new Promise((resolve,reject)=>{
    
    let image=new Image();
    
    image.onload=function(){
    
    resolve(image);
    
    };
    
    image.onerror=function(){
    
    reject(new Error('Could not image at'+url));
    
    }
    
    image.src=url;
    
    })
    
    }