2016-12-04 142 views
0

我有一个上传表单,允许用户选择文件并与标题一起上传。上传通过ajax完成。问题只是标题中的值被传递而不是文件。使用jquery上传文件

该行动态添加...

<form id="upload" enctype="multipart/form-data" method="post"> 
    <table width="100%" id="data"> 
</table> 
<input name="submit" type="submit" value="Submit"/> 
<input type="button" id="add" name="add" value="Add new row" /> 
</form> 

的Javascript

$(document).ready(function() { 
    var rowitem = 1; 
    $('#add').click(function() { 
     rowitem++; 
     $('#items').val(rowitem); 
     var dynarow = '<tr><td>PDF</td><td>:</td><td><input id="uploadfile1" name="userfile[]" accept="application/pdf" class="btn btn-next upload" type="file" required></td><td>Title:</td><td width="17%"><input name="actual[]" type="text" /></td><td width="7%"></td> <td width="3%">: </td></tr>'; 
     $('#data').append(dynarow); 

    }); 


    $("#upload").validate({ 
     submitHandler: function(form) { 

      $.ajax({ 
       url: '<?php echo base_url(); ?>/upload', 
       type: 'POST', 
       data: $(form).serialize(), 

       success: function(data) { 
        if (data) { 

         alert("success"); 
        } else { 

         alert("error"); 

        } 


       }, 
       error: function(data) { 

        alert("error"); 
       }, 
       cache: false, 
       contentType: false, 
       processData: false 
      }); 

      return false; 


     } 


    }); 


}); 

任何帮助将不胜感激

回答

0

我不得不添加此

processData: false, 
    contentType: false,