网站图片不存在,显示默认图片解决办法
最近项目里面有很多地方需要加载图片,但是有的图片后来不在了,显示的xx比较难看,为了不影响美观,所以需要设置默认图片
这种情况下可以利用image对象的onerror事件来判断,出错则更换image对象的src为默认图片的URL。
<img src="pic/logo2009Blu.gif" onerror="this.src='/pic/default.gif'">
如果一个界面已经画好,图片太多,格式大小比较统一的话,也可以直接注册
//设置默认图片显示
$(document).ready(function () { $("img").error(function () { $(this).attr("src", "../../Images/Comm/default.png"); }); });
这样就方便多了,不需要再去一个一个的给ing挂onerror
优缺点需要自己衡量,选择适合自己的方法
作者:Orange.
出处:http://www.cnblogs.com/Orange-C/
声明:本博客原创文字只代表本人工作中在某一时间内总结的观点或结论,与本人所在单位没有直接利益关系。非商业,未授权,贴子请以现状保留,转载时必须保留此段声明,且在文章页面明显位置给出原文连接。
如果大家感觉我的博文对大家有帮助,请推荐支持一把,给我写作的动力。
。