background-image图片不存在时显示默认照片

css的background-image 没有像 img标签一样有onerror事件

<img src="./images/第一张.png" onerror="noExist();" />

<script type="text/javascript"> 
function noExist(){ 
var img=event.srcElement; 
img.src="./images/第二张.png"; 
img.onerror=null; //当第二张也不存在时，防止死循环
} 
</script> 

当想要判断background-image图片是否存在时不能使用onerror，可以使用XMLHttpRequest判断是否404

  ImageIsExist(url) {
    let xmlHttp = new XMLHttpRequest();
    xmlHttp.open('Get', url, false);
    xmlHttp.send();
    if (xmlHttp.status === 404)
      return false;
    else
      return true;
  }