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

lawrence · 2014年11月10日 · 最后由 jyz19880823 回复于 2014年11月10日 · 2299 次阅读
<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

需要 登录 后方可回复, 如果你还没有账号请 注册新账号