分享

无刷新上传图片

 小马哥技术屋 2018-04-27
前端页面:
  1. <script type="text/javascript" src="../../js/jquery-1.3.2.min.js"></script>  
  2. <script type="text/javascript" src="scripts/jquery.form.js"></script>  
  3.   
  4. <script type="text/javascript" >  
  5.  $(document).ready(function() {   
  6.           
  7.             $('#photoimg').live('change', function()            {   
  8.                        $("#preview").html('');  
  9.                 $("#preview").html('<img src="loader.gif" alt="Uploading...."/>');  
  10.             $("#imageform").ajaxForm({  
  11.                         target: '#preview'  
  12.         }).submit();  
  13.           
  14.             });  
  15.         });   
  16. </script>  
  17. <div style="width:600px">  
  18.   
  19. <form id="imageform" method="post" enctype="multipart/form-data" action='ajaximage.php'>  
  20. 上传 <input type="file" name="photoimg" id="photoimg" />  
  21. </form>  
  22. <div id='preview'>  
  23. </div>  
  24.   
  25.   
  26. </div>  

后端:
  1. $path = "../upload/";  
  2.   
  3.     $valid_formats = array("jpg""png""gif""bmp");  
  4.     if(isset($_POSTand $_SERVER['REQUEST_METHOD'] == "POST")  
  5.         {  
  6.             $name = $_FILES['photoimg']['name'];  
  7.             $size = $_FILES['photoimg']['size'];  
  8.               
  9.             if(strlen($name))  
  10.                 {  
  11.                     list($txt$ext) = explode("."$name);  
  12.                     if(in_array($ext,$valid_formats))  
  13.                     {  
  14.                     if($size<(1024*1024))  
  15.                         {  
  16.                             $actual_image_name = time().substr(str_replace(" ""_"$txt), 5).".".$ext;  
  17.                             $tmp = $_FILES['photoimg']['tmp_name'];  
  18.                             if(move_uploaded_file($tmp$path.$actual_image_name))  
  19.                                 {  
  20.                                   
  21.                                       
  22.                                     echo "<img src='../upload/".$actual_image_name."'  class='preview'>";  
  23.                                 }  
  24.                             else  
  25.                                 echo "failed";  
  26.                         }  
  27.                         else  
  28.                         echo "Image file size max 1 MB";                      
  29.                         }  
  30.                         else  
  31.                         echo "Invalid file format..";     
  32.                 }  
  33.                   
  34.             else  
  35.                 echo "Please select image..!";  
  36.                   
  37.             exit;  
  38.         }  

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约