javascript - 检查图像是否已完全加载

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 已损坏，甚至提供的图像 URL 中的图像不再存在），我该如何处理？有没有办法解决这个问题？

score 13 · Accepted Answer

image nodes还允许使用DOM 级别 1 onerror事件处理程序。

myimg.onerror = function() {
};

如果加载或加载图像时出现任何故障，则该处理程序将被执行。除此之外，检查onload 事件中的维度也不是一个坏主意

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

1 回答 1