图片加载错误处理

最新推荐文章于 2023-06-29 23:38:06 发布

colorsunlight_110

最新推荐文章于 2023-06-29 23:38:06 发布

阅读量839

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/colorsunlight/article/details/44754049

版权

jQuery 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

<script src="../public/js/jquery-1.8.3.js"></script>
<title>预加载</title>
<script type="text/javascript">
    $(document).ready(function(){
        $("img").each(function(i,e){
            var imgsrc=$(e).attr("src");
            $(e).load(function(){        //图片加载成功时调用函数
                $("<p>加载图片路径"+imgsrc+"</p>").appendTo("#samplemsg");
            }).error(function(){             //图片加载失败时,替换为另外的图片
                $("<p>错误的图片src"+imgsrc+"</p>").appendTo("#samplemsg");
                $(e).attr("src","../public/img/qq.png");
            });
        });
    })
</script>
</head>
<body>
    <div>
        <img alt="" src="public/img/瑟兰迪尔1.jpeg">
        <img alt="" src="../public/img/瑟兰迪尔1.jpeg">
        <img alt="" src="../public/img/瑟兰迪尔2.jpeg">
    </div>
    <!-- 显示图片检测消息 -->
    <div id="samplemsg"></div>
</body>

colorsunlight_110

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
图片加载错误处理

<script src="../public/js/jquery-1.8.3.js"></script><title>预加载</title><script type="text/javascript"> $(document).ready(function(){ $("img").each(function(i,e){ var imgsrc=$(e
复制链接

扫一扫