图片加载错误处理

来源：互联网发布：c语言全排列递归算法编辑：程序博客网时间：2024/05/21 20:24

<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>

0 0