首页 > 其他 > 详细

前端监听图片加载异常-自动替换默认图片

时间:2020-05-06 20:36:07      阅读:61      评论:0      收藏:0      [点我收藏+]

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<img src="https://upload-imag1es.jianshu.io/upload_images/2666001-57f1523c3f469016.png?imageMogr2/auto-orient/strip|imageView2/2/w/650/format/webp" 
    onerror="noFind(this);" />
    <script>
        function noFind(event){
            console.log("event",event)
            var img = event;
            img.src = "https://pic.cnblogs.com/avatar/1505226/20191123150748.png"  // 默认图片地址
            img.onerror = null;  // 控制不要循环展示错误
        }
    </script>
</body>
</html>

 

前端监听图片加载异常-自动替换默认图片

原文:https://www.cnblogs.com/ivan5277/p/12837724.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!