当获取图片失败时候,显示默认图片

标签：err   test   项目   获取   div   jpg   失败   one   标签   

你是不是在弄交互数据的时候经常遇到那个图片链接压根就是啥都没有,页面看上去也不美观.这时候我们就可以试一下可以给他一个默认图片,完美一下了

真的有这方法:

在vue项目时

在html中img标签加入

在JavaScript中加入默认的图片

js原生是

 <img src=‘test.jpg‘ alt=‘test‘ onerror="this.src=‘default.jpg‘">  /*适合少量的img标签的*/

如果你是我有很多很多img标签呢,那你就获取所有的img标签,然后就给他们全部添加默认图片吧.

以jquery为例:

$(‘img‘).error(function(){ $(this).attr(‘src‘, ‘default.jpg‘); });

当获取图片失败时候,显示默认图片

标签：err   test   项目   获取   div   jpg   失败   one   标签   

原文地址：https://www.cnblogs.com/mei1234/p/9313640.html