页面图片加载失败时自动替换

版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。 本文链接：https://blog.csdn.net/lidxgz/article/details/1653459

 

在web页面中当图片实效或者图片加载失败时图片位置会出现一个红叉 ，使页面很难看，这个时候可以通过Image对象的onError属性自动加载一张默认图片，使页面美观得到改善。方法如下：

<img src="/images/pic.gif" alt="" onError="this.src="/images/default.gif"/>

说明：当/images/pic.gif加载失败时可以用onError属性捕获失败，在这里面指定替换为默认图片，页面上的红叉就会以这个图片代替。