用jq给img添加error事件

最新推荐文章于 2022-07-20 16:38:42 发布

weixin_30820077

最新推荐文章于 2022-07-20 16:38:42 发布

阅读量361

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/duanyue/p/7602721.html

本文介绍了一种使用jQuery处理网页中图片加载失败的方法，并提供了具体的JavaScript代码实现，确保在图片无法正常加载时可以替换为默认图片。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<img src="xxxx.jpg" alt="" />

<script>
$(document).ready(function(){
    $('img').each(function(){
        var error = false;
        if (!this.complete) {
            error = true;
        }

        if (typeof this.naturalWidth != "undefined" && this.naturalWidth == 0) {
            error = true;
        }

        if(error){
            $(this).bind('error.replaceSrc',function(){
                this.src = "默认图片.png";

                $(this).unbind('error.replaceSrc');
            }).trigger('load');
        }
    });
});
</script>