圖片加載失敗處理

圖片加載失敗咋辦呢？

需要給該圖片替換爲一張默認的背景圖

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>