码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-10-12 10:40:24      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:for   tip   test   src   append   提交   ESS   click   html   

<!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对象 实现多文件上传

标签:for   tip   test   src   append   提交   ESS   click   html   

原文地址:https://www.cnblogs.com/xiaogou/p/11659920.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!