判断图片是否存在,不存在则显示默认图片

记录每一个小坑、大坑

利用image对象的onerror事件来判断,出错则更换image对象的src为默认图片的 URL

  • html 代码

  • js 赋值
var truepic = `./Pic/${getdata.USER_NAME}.jpg`
$("#img").attr("src", truepic)

  • 直接应用函数()




菜鸟教程(runoob.com)




如果在加载图片时发生错误则触发函数 myFunction() 函数会弹出提示窗口。

该实例中我们引用的图片不存在,因此会触发 onerror 事件。
  • 适用所有主流浏览器,包括 IE

  • 衍生问题
    img 使用 onerror 以后,如果 onerror 指定的图片也是不存在的话,会出现无限死循环 404
  • 解决方法

有图片

无图片

简单的onerror事件,说实话到现在才知道,用起来挺方便的,记笔记记笔记~

点个赞呗!

你可能感兴趣的:(判断图片是否存在,不存在则显示默认图片)