o_km 发表于 2022-11-24 13:03:26

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

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

<img src="" alt="图片加载失败">
1.
如图所示:



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

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


<img src="" onerror="this.src='img/error.png'"/>


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



ikp81b 发表于 2022-11-24 13:03:27

我也是坐沙发的

o12lo9 发表于 2022-11-24 13:27:40

有空一起交流一下

oodzh 发表于 2022-11-24 13:35:32

我了个去,顶了

ola5 发表于 2022-11-24 13:43:48

学习下

1lbsrl 发表于 2022-11-24 13:51:11

佩服佩服!

94r7z 发表于 2022-11-24 14:00:22

鼎力支持!!

rwz2fp 发表于 2022-11-24 14:04:43

小白一个 顶一下

4ih3 发表于 2022-11-24 14:18:33

发发呆,回回帖,工作结束~

244b26 发表于 2022-11-24 14:21:20

在撸一遍。。。
页: [1] 2
查看完整版本: HTML img src图片路径不存在,则显示一张默认图片的方法