html图片加载失败时显示默认图片
2017-11-17 16:09
489 查看
网上大神的方法，这整理记录。
直接上代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>默认图片</title>
<style>
div{
width: 200px;
height: 200px;
border: 1px solid #000;
}
img{
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div>
<img src="1.jpg" onerror="this.onerror='';src='2.jpg'" alt="">
</div>
</body>
</html>
如果1.jpg请求失败，会显示2.jpg。如果2.jpg依然显示失败，那就显示失败了，但是2.jpg只会请求一次。
js有个onerror的方法，如果按下面的方法写，一旦默认图片请求失败，浏览器会一直请求...
<img src="1.jpg" onerror="src='2.jpg'" alt="">
直接上代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>默认图片</title>
<style>
div{
width: 200px;
height: 200px;
border: 1px solid #000;
}
img{
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div>
<img src="1.jpg" onerror="this.onerror='';src='2.jpg'" alt="">
</div>
</body>
</html>
如果1.jpg请求失败，会显示2.jpg。如果2.jpg依然显示失败，那就显示失败了，但是2.jpg只会请求一次。
js有个onerror的方法，如果按下面的方法写，一旦默认图片请求失败，浏览器会一直请求...
<img src="1.jpg" onerror="src='2.jpg'" alt="">
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- html 加载图片失败显示默认图片
- Jquery判断页面图片是否加载失败,加载失败则显示默认图片
- js处理img标签加载图片失败，显示默认图片
- html设置图片加载时、加载错误时显示的默认图
- html img 加载错误时显示默认图片
- js中图片加载失败，显示默认图片
- 如果图片加载失败，显示默认图片
- 图片加载失败显示默认图片
- 图片加载失败，显示默认图片
- HTML基础 img标签alt属性 当图片加载失败的时候显示为文本
- ionic 图片加载失败，显示默认图片代替
- 当图片加载失败或者没有的情况下显示默认图片
- JS处理img标签加载图片失败，显示默认图片
- JS图片加载失败显示默认图片
- 加载图片失败后显示系统默认图片
- HTML 图片上传以及图片加载失败时使用默认图片
- 前端页面图片加载失败显示默认图片
- img 加载网络图片失败 显示默认图片
- 图片路径加载失败，火狐浏览器默认显示断裂图片
- 使用jquery给加载失败的img元素显示默认图片