JavaScript 如何用 JS 检测一张图片是否被正确加载了呢?

lawrence · November 10, 2014 · Last by jyz19880823 replied at November 10, 2014 · 2294 hits
<meta charset=utf8 />
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

<script type="text/javascript">
$(window).load(function(){
  var load=$('#bdimg').prop('complete');
  alert(load);
})
</script>
<img src='http://www.baidu.com/img/bdlogoxx.png' id="bdimg"/>

图片明显是加载失败的,可是最后为何弹窗是 true 呢?

因为你监听的是 windowload 而不是 img 的,这样改:

$('#bdimg').on('load', function () {
  // ...
});

另外,你那个 complete 属性是什么?HTML 里没有这个属性。

img 成功 onload,错误 onerror

You need to Sign in before reply, if you don't have an account, please Sign up first.