用Javascript判断图片是否存在，不存在则显示默认图片

利用image对象的onerror事件来判断，出错则更换image对象的src为默认图片的URL。

<p>第一种情况：图片存在，正常显示

 
<img src="http://avatar.csdn.net/1/2/F/3_clp880710.jpg"
onerror="javascript:this.src='http://www.baidu.com/img/bdlogo.gif" /></p>
<p>第二种情况：图片不存在，显示默认图片
 
<img src="http://avatar.csdn.net/1/2/F/3_clp880710.jpg"

onerror="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;//加载图片失败,则显示默认图片;
                });
            }