山海科技发展网

07月24日科技常识:HTML img src图片路径不存在 则显示一张默认图片的方法

导读 摘要 今天小编跟大家讲解下有关HTML img src图片路径不存在 则显示一张默认图片的方法 ,相信小伙伴们对这个话题应该有所关注吧,小编...
摘要 今天小编跟大家讲解下有关HTML img src图片路径不存在 则显示一张默认图片的方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集

今天小编跟大家讲解下有关HTML img src图片路径不存在 则显示一张默认图片的方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关HTML img src图片路径不存在 则显示一张默认图片的方法 的相关资料,希望小伙伴们看了有所帮助。

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

<imgsrc="http://www.aidi.net.cn/article/detial/8312/"alt="图片加载失败">

如图所示:

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

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

<imgsrc="http://www.aidi.net.cn/article/detial/8312/"onerror="this.src='http://www.aidi.net.cn/article/detial/8312/img/error.png'"/>

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

来源:爱蒂网