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方法，如果你是不是故意的，那么你需要很仔细的检擦下路径