对于这样一段代码来讲，如果该图片加载成功，那么界面上会显示图片，如果由于一些原因导致图片加载失败，会出现这样的图标。 在正常的项目中，标签的src是后端返回的路径，如果图片加载不出来，显示上面的图标肯定不美观，这时会考虑选择默认的图片，就时候考虑用到img的onerror事件。 本项目中默认图片为： 项目中代码为：

js代码为：

如果后端返回的路径信息传到前端，图片没有加载成功，正常应该显示默认的图片，如果默认的图片也加载成功，那么picError事件就不再执行（也就是picError事件只执行一次）。 但是这种写法会出现一个问题：如果后端返回的路径信息传到前端，图片没有加载成功，正常应该显示默认的图片，但是如果默认的图片恰巧也没有加载成功，就会出现默认的图片无限加载的情况。 比如，本项目中,img的html代码为：

当图片加载到页面上，src会自动和服务端的域名拼接，如：

那么就会出现默认的图片无限加载的情况，导致浏览器卡死： 那么如何在加载默认图片时，只加载一次呢？如果默认图片不显示，就不再加载，显示图片加载失败的图片呢？ 只需要将原来的代码修改为：

思考一下：如果希望错误次数不是为1而是为2，3…应该怎么解决呢？