当图片不存在时显示默认图片

来源:互联网 发布:比特彗星无法监听端口 编辑:程序博客网 时间:2024/04/30 10:32

在很多情况下,比如:做产品展示,我们都会显示一张产品的图片,但某个产品暂时没有图片时就显示一张预设好的默认图片。以前的做法通常是默认图片也跟产品的图片一样保存在数据库的表字段中作为该字段的默认值。但假如某一产品本来有产品图片的(默认值已经改变了),只不过由于什么原因该产品对应的图片被删除了,但数据库表字段依然保存着它的产品图片路径,这时候显示的时候找不到相应的图片文件,图片就会显示成一个“X”,这样很影响视觉效果。这种情况下我们就可以利用js来显示一张默认图片替换掉这个“X”,代码很简单:

<img src="pro-pic/123.gif" onerror="javascript:this.src='pro-pic/default.gif'" />
原创粉丝点击