iframe仿ajax图片上传

1.前台页面：

iframe_upload.html

<html>    
<body>    
   
<form action="upload.php" id="form1" name="form1" encType="multipart/form-data" method="post" target="hidden_frame" >    
     <input type="file" id="file" name="file" style="width:450">    
     <INPUT type="submit" value="上传文件"><span><img src="" id="msg"></span>    
</form>               
<iframe name='hidden_frame' id="hidden_frame" style="display:none;"></iframe>
<span class="hilite2"></span>    
</body>    
</html>    
   
<script type="text/javascript">    
function callback(msg)    
{    
     document.getElementById("msg").src = msg;    
}    
</script>

2.php处理端

upload.php

<?php
    //print_r($_FILES);
　　//处理过程省略，主要是展示回调js函数进行处理

    $pic = 'images/100.jpg';
    echo "<script>parent.callback('".$pic."')</script>";
?>

 

posted @ 2013-12-12 17:11  不负韶华668  阅读(247)  评论(0)  编辑  收藏  举报