Javascript 检查图像是否已完全加载

Javascript 检查图像是否已完全加载,javascript,jquery,Javascript,Jquery,我在下面找到了此方法,它可以很好地检查图像是否已完全加载: var myimg = new Image(); myimg.onload = function(){ alert("The image is now loaded"); } myimg.src = "image url"; 我的问题是: 如果由于某种原因,无法加载或找到图像(例如,如果图像URL已损坏,或者甚至提供的图像URL中不再存在图像),如何执行警报(“无法加载图像”)?有办法解决这个问题吗?图像节点也允许使用DOM级别1on

我在下面找到了此方法,它可以很好地检查图像是否已完全加载:

var myimg = new Image();
myimg.onload = function(){
alert("The image is now loaded");
}
myimg.src = "image url";
我的问题是:


如果由于某种原因,无法加载或找到图像(例如,如果图像URL已损坏,或者甚至提供的图像URL中不再存在图像),如何执行
警报(“无法加载图像”)
?有办法解决这个问题吗?

图像节点也允许使用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
    }
}