图片加载失败咋办呢?
需要给该图片替换为一张默认的背景图
1、情况1:IMG标签
e.g.:<img src="http://m.test.cn/test.png" onError="nofind();" >
function nofind(){
var img=event.srcElement;
img.src="../assets/images/news/news_loaderror.png";
img.οnerrοr=null; //控制不要一直跳动
}
2、情况2:background-image
e.g.: <span style="position: relative;width: 4rem;height: 3.5rem;display: block;background-image: url('http://m.test.cn/test.png');background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;"></span>
改为:
<span style="position: relative;width: 4rem;height: 3.5rem;display: block;background-image: url('http://m.test.cn/test.png'),url('../assets/images/news/news_loaderror.png');background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;"></span>