文本框得到图片的路径以后自动显示图片

文章图片那的文本框p_full_pic 会从iframe框架里面的picture2.html页面（页面里面是一个上传文本框）获得到图片上传到服务器里的路径，但是不能显示图片要去点下p_full_pic文本框 然后在点下其他的地方图片才会出现 我想要p_full_pic文本框获得到路径以后就显示图片请问要怎么改<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
.STYLE1 { color: #FF0000;
font-size: 12px;
}
-->
</style>
<script type="text/javascript">
 window.onload=show;
 function show(){
 var myface=document.getElementById("p_full_pic");
 var face=document.getElementById("face");
 myface.onblur=function(){
 var vv=myface.value;
  face.setAttribute("src",vv);
  return false;
 }
 }
</script> 
</head><body bgcolor="#EEF2FB"> <div align="center"><h1>文章添加</h1></div>
    <form name="form1" method="post"  >
    
    <table border="1" width="700px" cellpadding="0" cellspacing="0" align="center">
     <tr>
          <td  height="35px" align="left">&nbsp;&nbsp;&nbsp;&nbsp;文章标题：&nbsp;&nbsp;&nbsp;&nbsp;<input name="name" id="name" type="text" style=" width:250px"  maxlength="18"  /></td>
      </tr>
      <tr>
          <td  height="70px" align="left">&nbsp;&nbsp;&nbsp;&nbsp;文章图片：&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="p_full_pic" id="p_full_pic"  style="  width:250px"  readonly="readonly"  onblur="img()"  />
            <span class="STYLE1">*图片不能超过600kb分辨率不能超过600*800</span><br />
            <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<iframe marginwidth=0 framespacing=0 marginheight=0 frameborder=0 width="255px" height=25px src="picture2.html"></iframe>
          </td>
        </tr>
        <tr>
         <td height="35px" align="center"><img id="face" src="images/chushi.jpg"/>
            </td>
        </tr>
      </table>
</form>
</body>
</html>