利用image对象的onerror事件来判断,出错则更换image对象的src为默认图片的URL。
<p>第一种情况:图片存在,正常显示
<img src="http://avatar.csdn.net/1/2/F/3_clp880710.jpg"
οnerrοr="javascript:this.src='http://www.baidu.com/img/bdlogo.gif" /></p>
<p>第二种情况:图片不存在,显示默认图片
<img src="http://avatar.csdn.net/1/2/F/3_clp880710.jpg"
οnerrοr="javascript:this.src='http://www.baidu.com/img/bdlogo.gif" /></p>
jquery的写法:绑定error事件,设置图片初始的src和error要一起写,即使已经存在src,否则error有可能不会触发.
var defaultUserImageUrl = getDefaultUserIcon(userIconUrl);//userIconUrl无法显示图片 设置默认图片
$(".login_main .login_p img").attr("src", userIconUrl);
if (defaultUserImageUrl != "") {
$(".login_main .login_p img").bind("error", function () {
this.onerror = '';
this.src = defaultUserImageUrl;//加载图片失败,则显示默认图片;
});
}