检查图像是否已满载

Question

我在下面找到了这个方法，它可以正常工作以检查图像是否已满载：

var myimg = new Image();
myimg.onload = function(){
alert("The image is now loaded");
}
myimg.src = "image url";

我的问题是：

如果由于某种原因无法加载或找到图像（例如，如果图片网址被破坏，甚至图片不再存在于提供的图片中，我该怎么办alert("The image couldn't be loaded") URL）？有办法解决这个问题吗？

Answer 1

image nodes还允许 DOM Level 1 onerror事件处理程序。

myimg.onerror = function() {
};

如果在加载或加载图像时出现任何问题，该处理程序将被执行。除此之外，在 onload事件

myimg.onload = function() {
    if( this.height && this.width ) {
    } else {
        // you might want to catch this case here too
    }
}