<img src="xxx.xxx.xxx/getImg?userid=123" alt="" width="50px" height="50px" />显示图片的url是别人提供的,通过userid可能找不到对应的图片,这时就显示成红叉了。如果出现红叉时,我想用默认的图片代替。请问如何处理?

解决方案 »

  1.   

    通过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'"/> 
      

  2.   

    在未加载成功时,替换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>