无法使用jquery ajax php发布多个文件

时间:2015-06-02 14:04:41

标签: php jquery ajax

您好我正在尝试通过实现3个输入文件html控件来发布多个文件,但是当发布数据时,只收到一个文件[索引]而没有收到其他文件。 这是我的Html表单

      <form action="" id="form"  method="post" enctype="multipart/form-data">
      <input type="text" id="abtitle" name="abouttitle" placeholder="Title" required />
      <textarea id="msg" name="aboutmessage" placeholder="Message" required></textarea>
          <p><input type="file" name="pic1" id="pic1" /></p>
            <p><input type="file" name="pic2" id="pic2" /></p>
            <p><input type="file" name="pic3" id="pic3" /></p>
              <input type="button" name="contactsubmit" id="contactbtn" value="Submit"/>
    </form>    

   <script src="../../js/jquery-1.11.2.min.js"></script>

<script type="text/javascript">
$("#contactbtn").click(function(){
var pic1 = $('#pic1').prop('files')[0];
 var pic2 = $('#pic2').prop('files')[0];
 var pic3 = $('#pic3').prop('files')[0];
 var title=$("#abtitle").val();
    var msg=$("#msg").val();
 var form_data = new FormData();


form_data.append('Title',title);
form_data.append('Msg',msg);                  
form_data.append('file1',pic1);
form_data1.append('file2',pic2);  
form_data.append('file3',pic3);

            $.ajax({
     url: "../../code/aboutuscode.php", 
     type: "POST",             
     data: form_data, 
     contentType: false,       
     cache: false,             
     processData:false,        
     success: function(data) 
     {

      alert(data);
       }
      });

“aboutuscode.php”

     <?php $tmpfile1=$_FILES['file1']['tmp_name'];

$tmpfile2=$_FILES['file2']['tmp_name'];
$tmpfile1.=$tmpfile2;
echo $tmpfile1;
    ?>

0 个答案:

没有答案