jquery ajax實現文件上傳


test5.html

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
    <script>
        $(document).ready(function(){
            $("#ajax-submit").click(function(){
                var formdata=new FormData();
                formdata.append("user",$("#user").val());
                formdata.append("avatar_img",$("#avatar")[0].files[0]);
                $.ajax({

                    url:"phpinfo.php",
                    type:"post",
                    data:formdata,
                    processData: false ,    // 不處理數據
                    contentType: false,    // 不設置內容類型

                    success:function(data){
                        console.log(data)
                    }
                })

            })
        })
    </script>
  </head>
  <body>
<form>
      用戶名 <input type="text" id="user">
      頭像 <input type="file" id="avatar">
     <input type="button" id="ajax-submit" value="ajax-submit">
</form>
</body>
</html>

 

phpinfo.php

<?php
header("Content-type: text/html; charset=utf-8");

print_r($_POST);

print_r($_GET);

print_r($_FILES);

exit;

 

報文:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM