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代码

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM