js怎么判断图片是否正常加载

Question

有什么好的方法去判断图片是否正确加载，且能解决各种浏览器中兼容性的问题，

Answer 1

function loadImg(img) {
    $(img).load(function() {
        console.log('加载完成');
        return true;
    });
}

Answer 2

new一个img对象，判断是否加载完成，做一个监控。

Answer 3

使用onload事件进行检测

Answer 4

<img  onerror="alert('加载失败')" src="1.jpg">

这样可以判断加载失败

Answer 5

早已经死在IE上
前几天我也做类似的功能，需要拿本地的图片，在上传之前读取图片尺寸。
FF，CHORME都通过，IE怎么也通不过。
new Image(),然后onload，试过。IE下完全不触发。
判断complete，IE下还是不触发。IE8和IE7有这个问题，高版本的IE下有木有问题木有测！

Answer 6

看具体情况吧

个人经验,在页面内的正常图片加载.可以通过判断图片高度来解决
所有主流浏览器下,图片未加载成功都会被视为高度为0
反复读取其高度,直到不为0为止.即可视为图片已(或正在)渲染