前端JS请求网络图片报错GET https://xxx.png 404 (Not Found)的解决办法

有时候我们请求图片报如下错误:

这里我用百度的图片举个栗子,当你发现如下错误:

GET https://www.baidu.com/image/online.png 404 (Not Found) 

 说明了网络图片请求失败或者说不存在,则在img中添加onerror事件:

如果线上的online.png不存在,则会自行使用本地的location.img;

/***

**  注意事项1:

**      onerror事件只适用于以下标签: , , , , ;

**  注意事项2:

**      img 使用 onerror 以后，如果 onerror 指定的图片也是不存在的话，会出现无限死循环 404;

**      解决方法：

***/

1.>>>点击查看W3C的onerror事件用法

2.>>>点击查看菜鸟教程的onerror事件用法

3.>>>background-image图片错误如何处理? 传送门>>>Stack Overflow(记得科学上网才能打开)