css背景图不存在时，怎么处理浏览器抛出的404错误

Question

如果图片加载失败，浏览器会抛出404错误，怎么处理这种问题。

var imgObj = new Image();
imgObj.src = imgURL;
imgObj.onerror = function (){
    console.log("404");
        $('body').css('background', 'url('+ 默认图片 +')repeat-x #fff');
};
imgObj.onload = function (){
    $('body').css('background', 'url('+ imgURL+')repeat-x #fff');
};

Answer 1

imgObj.onerror = function (){     //console.log("404");         imgObj.onerror="xxxxx";//写个默认图片地址 };

Answer 2

imgObj.onerror = function (){ console.log("404"); };报错是自己报的，你可以在这里做一些其它的处理啊，比如弹出窗口告诉用户背景图不存在，请重新设置等等，这个就要看具体的业务场景了

Answer 3

首先，如果你是故意。知道他会包404的，那个我感觉你应该用onerror方法，如果你是不是故意的，那么你需要很仔细的检擦下路径