javascript批量检查当图片不存在时则显示默认图片的代码

2020-05-12 我要评论

这个是批量的检查，比较好的思路

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>在不存在图片时显示默认图片练习 by 阿会楠</title> 
<style type="text/css"> 
    img{ 
        border:1px solid #cccccc; 
        width:100px; 
        height:50px; 
    }

</style>

</head>

<body> 
    <img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25843.jpg" /> 
    <img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25844.jpg" /> 
    <img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25845.jpg" /> 
    <img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25846.jpg" /> 
</body> 
</html> 
<script type="text/javascript"> 
        var imgs = document.images; 
        for(var i = 0;i < imgs.length;i++){ 
            imgs[i].onerror = function(){ 
                this.src = "//www.qb5200.com/images/logo.gif"; 
            } 
        } 
</script>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

用Javascript判断图片是否存在，不存在则显示默认图片的代码可以参考下面的

javascript批量检查当图片不存在时则显示默认图片的代码

相关文章

猜您喜欢

今日热门