87,903
社区成员
发帖
与我相关
我的任务
分享大家好，图片无法显示时，怎么处理才能不显示红叉
<img src="xxx.xxx.xxx/getImg?userid=123" alt="" width="50px" height="50px" />
显示图片的url是别人提供的，通过userid可能找不到对应的图片，这时就显示成红叉了。
如果出现红叉时，我想用默认的图片代替。
请问如何处理？
...全文
请发表友善的回复…
发表回复
浪尖赏花 2009-12-25
- 打赏
- 举报
通过onerror事件判断
<img src="xxx.xxx.xxx/getImg?userid=123" alt="" width="50px" height="50px" onerror="this.src='http://c.csdn.net/bbs/t/5/i/pic_logo.gif'"/>
<img src="xxx.xxx.xxx/getImg?userid=123" alt="" width="50px" height="50px" onerror="this.src='http://c.csdn.net/bbs/t/5/i/pic_logo.gif'"/>
jol_boy 2009-12-25
- 打赏
- 举报
在未加载成功时，替换src即可！
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<img id="img1" src="http://www.baidu.com/img/lm.gif" alt="" width="50px" height="50px" />
</BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
var flag=0;
<!--
function check()
{
if(document.getElementById("img1").readyState=="complete")
{
alert("图片成功加载！");
flag=1;
}
else
{
alert("图片未成功加载！");
flag=2;
}
}
if(flag==0)
{
setTimeout(check,0);
}
//-->
</SCRIPT>
