网站图片不存在,显示默认图片解决办法

最近项目里面有不少地方须要加载图片,可是有的图片后来不在了,显示的xx比较难看,为了避免影响美观,因此须要设置默认图片
这种状况下能够利用image对象的onerror事件来判断,出错则更换image对象的src为默认图片的URL。  this

<img src="pic/logo2009Blu.gif" onerror="this.src='/pic/default.gif'">



若是一个界面已经画好,图片太多,格式大小比较统一的话,也能够直接注册spa

 //设置默认图片显示code

$(document).ready(function () {
  $("img").error(function () {
            $(this).attr("src", "../../Images/Comm/default.png");
        });

 });

这样就方便多了,不须要再去一个一个的给ing挂onerror

优缺点须要本身衡量,选择适合本身的方法对象

相关文章
相关标签/搜索