HTML img src图片路径不存在,则显示一张默认图片的方法

2019-11-13 17:25:48 浏览数 (1)

我们一般会给图片设置 alt 属性,当图片路径不存在时可以显示提示文字。

代码语言:javascript复制
<img src="" alt="图片加载失败">

如图所示:

但是这样很不好看,如果用在文章列表,我们可以给 img 标签设置一个 onerror 属性,可以在 src 路径不存在时显示指定的默认图片。

测试一下,我没有给 src 设置图片链接,代码如下:

代码语言:javascript复制
<img src="" onerror="this.src='img/error.png'"/>

显示效果如图:

很明显,我们可以看出,当 src 属性为 unknown 时,会自动替换为 onerror 设置的路径。

怎么样,是不是很实用呢?

0 人点赞