Question

JS如何判断img正确加载了图像？

img通过参数src加载一个url，这个url文件没有后缀名，可能是图像文件也可能不是图像文件：（http://127.0.0.1/Photo/00096dd34231c81c）。正常情况下如果是图像文件，会被正确加载显示，如果图像文件损坏，或者大小为0或者不是图像文件，就不会显示。如果通过js在加载后做一次判断文件一旦失效就替换别的文件加载（一张带有提示的图片）。





Answer 1

img标签有一个onerror事件，如果加载图片失败将会触发onerror事件。

网页链接

Answer 2

用img的onload事件判断。

    var img = new Image();
    img.onload =function () {
       $('.bg').css('background-image', 'url("'+img.src+'")');//当加载完成之后我们把bg给放上img图片，当然这个也可以换成其他代码
    }
    img.src="./images/miaoxiaoerrole.png";//这里是你文件的路径根据需要改
//onload事件是在图片载入了之后才会执行。