Javascript 如何检查映像是否已成功预加载？

可能重复：

通过设置img.src被javascript加载后

---

谢谢

您可以像这样使用

load

事件：

var img = document.getElementById('imgID');

// or

var img = new Image;

img.onload = function(){
  alert('The image has been loaded');
  img.src = 'image path here';
};

或者当您使用

窗口的
加载
事件时，图像将在以下时间加载：

window.onload = function(){
  // everything is loaded now
};

在我的帮助下

var img = new Image();  
// Create image

$(img).load(function() {
    // Image Loaded notification
}).error(function () {  
    // Error Notification here
}).attr({ 
    id: "Set Id",  
    src: "Image Source",
    title: "Title Here",
    alt: "Alt here"
});

纯JavaScript（无jQuery）解决方案可在此处进行测试：
（基于现有答案）

您可以将其集成到一个函数中，然后使用该函数进行预加载，而不必为每个预加载的图像编写新的onload函数

你可以得到你想要的任何东西，而不是警觉

如果您需要任何进一步的帮助，请告诉我们。：）
 这是不适用的，因为我没有设置img的id，因为它没有被放置在div中。但是谢谢@你在干什么？例如，您是使用
新图像创建的吗？@mtay:这只是一个示例。它也适用于
图像
-对象。@难以捉摸：没错，我想我应该编辑我的答案来反映这一点：）@Sarfraz：你可能应该添加
窗口。onload
不适用于动态创建的图像。我想你这里有语法错误。
.error（）
的回调函数缺少idea的结尾
}
+1，但JavaScript区分大小写。应该是onload，而不是onload。
var myImg = new Image();

myImg.onload = function(){
   alert('loaded');
}

myImg.src = '../images/someImage.jpg';