有时候从后台抓来的json中没有图片对应的路径或者没有对应的图片
报错XXXX.jpg 404
这时候用onerror事件来对报错的img进行修改
<img id="" src='' onerror='imgError(this.id)' alt="">
function imgError(id) {
document.getElementById(id).setAttribute("src","其他图片的路径");
}
当报错的时候执行imgError事件,并且在事件里面替换图片的路径,使另一张图片来顶班。
需要注意的是,如果替换图片也找不到就会无限循环这个事件疯狂请求,所以请确保替换的图片路径和是否存在。
这里是顶替图片,如果只是简单的改变css的话可以直接在onerror事件中改变,不用额外调用一个方法,比如:
<img id="" src="" onerror="this.style.dispaly='none'" alt="">
则在默认图片找不到的时候直接隐藏该标签。