Image()对象实例化获取图片宽高问题

Question

关键代码如下。通过循环去创建image对象，但是循环获取图片宽高的时候有部分图片的宽高为0，并且是随机出现不同的图片宽高为0.求解。

    var i = 0;    var len = imgitem.length;    for( i = 0; i < len ; i++){
        imgSrc = imgitem[i].url;
        
        imgObj = new Image();
        imgObj.src = imgSrc;
        imgObj.onload = function(){
            console.log(imgObj.width);
            imgObjW = imgObj.width;
            imgObjH = imgObj.height;
        };        
        /*限制最大height*/
        if(imgObjH / imgObjW >= 1.5){
        ......

Answer 1

imgitem.forEach(function(item){    var img = new Image();     img.src = item.url;     img.onload = function(){        var w = img.width,              h = img.height;        console.log(item, img, w, h);        if(h/w >= 1.5){                //...         }     } });在循环的时候需要重新定义img变量，否则会一直共享一个变量，因此在循环的时候会存在Image.src还没有来得及初始化的问题，自然获取不到width和height。