javascript - 为什么图像加载不起作用

Question

我意识到这是新手 javascript 程序员问的一个常见问题，我也是。 Console.log(img) 和 console.log("before onload") 正确执行，但我从未看到 Image Loaded 消息。

AssetManager.loadImages = function(urls) {
   var images = [];
   var urlCount = urls.length;
   for (var i=0; i<urlCount; i++) {
      var img = new Image();
      images.push(img);
   }
   var urlsLoaded = 0;
   for (var i=0; i<urlCount; i++) {
      (function(img) {
         console.log(img);
         console.log("before onload");
         img.onload = function(e) {
            console.log("Image Loaded!");
            urlsLoaded++;
            if (urlsLoaded >= urlCount) {
               AssetManager.callback(images);
            }
         }
      })(images[i]);            
      images[i].src = urls[i];
   }
}

Answer 1

对于和我犯过同样错误的人 - 确保 onload 全部小写而不是驼峰式:onLoad。

这很好:

img.onload = function () { };

这很糟糕:

img.onLoad = function () { };