JS：确定图像尺寸仅部分成功

Question

我正在使用JS / HTML / CSS创建一个小型Web应用程序，其中用户有一个下拉菜单可从13个不同的图像中进行选择。选项1是默认选项，当用户选择其他选项时，应用程序将刷新，应用程序中其他对象的尺寸将调整为新图像的尺寸。

为了访问13个不同图像的图像尺寸（高度和宽度），JS循环开始并将尺寸存储在两个数组中。

var height_array = []
var width_array = []

for (i = 1; i <= 13;i = i + 1) {
    var img = new Image();
    if (i <= 9){
        img.src = "img/rehe/RE0"+i+"/001.png";
    }
    else{
        img.src = "img/rehe/RE"+i+"/001.png";
    }
    height_array.push(img.height);
    width_array.push(img.width);
}

我不明白的是，循环只是部分时间成功，有时数组是空的或只是部分填充。当然，应用程序然后构建完全错误。在这种情况下刷新有帮助，但它仍然很烦人。

我在这里有一个非常简单的应用程序的前提：http://wieselundco.ch/plenum2/index.html提前致谢！