javascript - 检查图像是否已加载，跨浏览器

Question

我需要一个跨浏览器解决方案来确定图像是否已完成加载。

我知道这件事:

var theImage = new Image()
theImage.src = 'http://pieisgood.org/images/slice.jpg' //yum, pie :)
//later...
if (theImage.complete) {
    //do stuff
}

它是否兼容跨浏览器(我指的是 FF、Chrome、Safari、Opera、IE8+)？如果没有，我如何以跨浏览器和无 jQuery 的方式执行此操作？

Answer 1

东西如:

var theImage = new Image()
theImage.src = 'http://pieisgood.org/images/slice.jpg' //yum, pie :)
theImage.isLoaded = false;
//later...
theImage.onload = function(){
    theImage.isLoaded = true;
    //do stuff
}
if(theImage.isLoaded){
    alert("Loaded");
}
document.body.appendChild(theImage); // VERY needed

应该可以。

就像它在真正加载图像时设置属性一样。 :)