ajax 利用formdata对象实现多文件上传

<!doctype html>
<html lang="zh">
<head>
  <meta charset="utf-8">
  <title>多文件上传</title>
  <script src="jquery.js"></script>
  <script>
   $(function(){
         $("#btn").click(function(){
               var formData = new FormData();
               for(var i=0; i<$('#file')[0].files.length;i++){
                   formData.append('file[]', $('#file')[0].files[i]);
               }
               $.ajax({
                  url: "test.php",
                  type: "POST",
                  processData: false,
                  contentType: false,
                  data: formData,
                  success: function(d){

                  }
               });

          });

   })

  </script>
</head>
<body>
    <form>    
     <input  type="file" multiple id="file" name="file[]" > 
     <input  type="button" id="btn" value="提交"/>
    </form>
</body>

直接上代码:

html代码

ajax 利用formdata对象 实现多文件上传

ajax 利用formdata对象实现多文件上传