利用image对象的onerror事件来判断,出错则更换image对象的src为默认图片的URL。
第一种情况:图片存在,正常显示
第二种情况:图片不存在,显示默认图片
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;//加载图片失败,则显示默认图片;
});
}