图片上传利用<iframe></iframe>标签实现无刷新上传图片 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片上传</title>
    <script type="text/javascript" src="jquery.js"></script>
</head>
<body>
          当前时间：
          <?php  echo date("H:i:s",time()); ?> 
           <form  action="upload.php"  method="post" enctype="multipart/form-data" target="mywin">
         上传图片 <input type="file" name="img"></input>       
          </form>
          <div>
                <img src=""  id="imgid" >

          </div>
          <iframe   frameborder="1"  name="mywin" style="display: none;" src=""></iframe>
</body>
<script type="text/javascript">
$(document).ready(function(){ 
        $(':file').change(function(){    
              $('form').submit();
        });
});

</script>
</html>
<?php
      $src=$_FILES['img']['tmp_name'];
      $file=$_FILES['img']['name'];
      $a=explode('.',$file);
      $ext=array_pop($a);
      $rand=time().mt_rand().'.'.$ext;
      $dst="uploads/{$rand}";
      if($_FILES['img']['error']===0){
          if(move_uploaded_file($src,$dst)){
　　　　　　　　//获取最顶层浏览器
              echo "<script>imgid=window.top.document.getElementById('imgid'); 
             imgid.src='{$dst}'</script>";
          }
      }

目录下建立一个uploads文件夹存储上传图片

posted @ 2016-05-26 22:53  骏码信息  阅读(449)  评论(0)  编辑  收藏  举报