用Javascript判断图片是否存在,不存在则显示默认图片 onerror事件
<img width="90" height="120" src="../images/avatars/default.jpg" onerror="javascript:this.src='../images/avatars/default.jpg'" border="0"/>
或者<img width="90" height="120" src="../images/avatars/default.jpg" onerror="this.src='../images/avatars/default.jpg'" border="0"/>
当图片不存在时,将触发onerror,onerror 中img为 指定的默认图片。 图片存在则显示正常图片,图片不存在将显示默认。但如果默认图片也不存在,则继续触发 onerror,导致循环,出现错误。 如果图片存在,但网络很不通畅,也可能触发 onerror。
所以要确保 onerror 中的图片足够小,并且存在。
另外一种防止死循环的方式是调用一个方法,只执行一次onerror,代码如下:
function imgOnerror(img){ img.src="../images/avatars/default.jpg"; img.onerror=null;//控制不要一直跳动 } <img width="90" height="120" src="../images/avatars/default.jpg" onerror="imgOnerror(this)" border="0"/>
云码素材一个分享开发技术,分享精品源码素材的好平台!
分类:
asp.net
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 《HelloGitHub》第 106 期
· 数据库服务器 SQL Server 版本升级公告
· 深入理解Mybatis分库分表执行原理
· 使用 Dify + LLM 构建精确任务处理应用