js判断图片损坏替换掉掉默认图片

有些时候,图片已经被清除了,但是数据库里面还是有路径存在,这样,前端读取的路径就是没有图片的,不是很好看,这个时候,我们就可以添加一个判断,如果图片没有读取,那么就替换掉原来的图片…

有些时候,图片已经被清除了,但是数据库里面还是有路径存在,这样,前端读取的路径就是没有图片的,不是很好看,这个时候,我们就可以添加一个判断,如果图片没有读取,那么就替换掉原来的图片,源码很简洁如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <!-- //图片请求报错,使用默认图片 -->
    <img src="12346.png" alt="" onerror="this.src='img0.jpg';">

</body>

</html>

作者: huanggr

为您推荐

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论列表 2人参与