<img> 标签 图片加载失败时候处理方案
应用场景
在开发中,经常遇到一种情况,数据库不存在图片地址,或者存在图片地址,但图片已经被删除,这个时候会出现加载失败情况。提供以下解决方案
解决方案
在 img 标签 加上
onerror="onerror=null;src='123.jpg'"
,即当图片加载失败时会自动加载123.jpg
,例如
<img src="abc.jpg" onerror="onerror=null;src='123.jpg'" />
在开发中,经常遇到一种情况,数据库不存在图片地址,或者存在图片地址,但图片已经被删除,这个时候会出现加载失败情况。提供以下解决方案
在 img 标签 加上
onerror="onerror=null;src='123.jpg'"
,即当图片加载失败时会自动加载123.jpg
,例如
<img src="abc.jpg" onerror="onerror=null;src='123.jpg'" />