JS判定リーフレットは、複数の画像が読み込まれ

図1に示すように、単一の画像（動的に生成された画像）

// JSの
 VAR秀= 新しい新しいイメージ（）
 xiu.src = 'http://static.igeekee.cn/scenelogo/default.png' 
 xiu.onload = 関数（）{
     // ロードされ 
 }

図2に示すように、単一の画像（合成ES6プロミス）

新しい約束（（解決、拒否）=> { 
        せ秀 = 新しい画像（）
        xiu.src = 'http://static.igeekee.cn/scenelogo/7tianliansuo.jpg' 
        xiu.onload = 機能（）{
            // 加载完成
           解決（秀）
        } 
     }）。次に、（（秀） => {
        // コード
        にconsole.log（秀）
     }）

図3に示すように、複数の画像（JS）

VAR IMG = []、   
    フラグ = 0 、
    mulitImg = [
     'http://www.daqianduan.com/wp-content/uploads/2017/03/IMG_0119.jpg' 、
    「http://www.daqianduan.com/ WP-コンテンツ/アップロード/ 2017/01 / 1.JPG ' 'http://www.daqianduan.com/wp-content/uploads/2015/11/jquery.jpg' 、
     ' HTTP：//www.daqianduan。 COM / WP-コンテンツ/アップロード/ 10分の2015 / maid.jpg」
 ]; VAR imgTotal = mulitImg.length。
 ため（VAR iが= 0; I <imgTotal; I ++ ）{ 
    IMG [I] = 新しいイメージ（）
    IMG [I] .SRC =
 mulitImg [I] 
    IMG [I] .onload = 関数（）{
        // I-ロードされた予約 
       フラグ++でIF（のフラグ== imgTotal）{
           // 全てのロード       } 
    } 
 }
       

図4に示すように、複数の画像（合成ES6 Promise.all（））

聞かせてmulitImg = [
         'http://static.igeekee.cn/scenelogo/zhongguoyinhang.png' 、
         'http://static1.igeekee.cn/2_1487751969296_2872.jpg' 、
        「http://static1.igeekee.cn/25_1488621623561_6152 .JPG」、
         'http://static.igeekee.cn/scenelogo/pizzahut.png' 
    ]; 
    せpromiseAll = []、IMG = []、imgTotal = mulitImg.length。
    ため（LET I 0 =; I <imgTotalを、I ++ ）{ 
        promiseAll [I] = 新しいプロミス（（決意、リジェクト）=> { 
            IMG [I] = 新しいイメージ（）
            IMG [I] .SRC =mulitImg [I] 
            IMG [I] .onload = 関数（）{ 
                解決（IMG [I]）
            } 
        }）
    } 
    Promise.all（promiseAll）.then（（IMG） => { 
        にconsole.log（ '加载完成' ）
    }）