在前端开发中,偶尔会出现下面这种情况:
从接口中请求图片请求不到,如果请求方式是对的,那就是因为请求失败或者说不存在,这时候不要慌张,可以直接在img中添加onerror事件。
可又有人问了,这个事件要怎么用呢?怎么添加呢?方法也是极其的简单
真的就是只需要在img中添加οnerrοr=“命名(event)”
然后在函数中直接e.target.src = “想要修改的图片路径”就可以啦
注意事项:
onerror事件只适用于以下标签: <img>, <input type="image">, <object>, <script>, <style>;
img 使用 onerror 以后,如果 onerror 指定的图片也是不存在的话,会出现无限死循环 404;
当然方法还有很多种,我知识尚浅,其他方法我也是正在学习中,如果哪里不理解或者写错了,还请各位大佬多指点