FormData Vuejs input type file

285

19 мая 2017, 16:35

Ребята как можно с помощью FormData отправить одним запросом несколько input type file причем с разными name

<form>
<input type="file" name="file1" multiple>
<input type="file2" name="file2" multiple>
<input type="file3" name="file3" multiple>
<input type="file4" name="file4" multiple>
<form>

Answer 1

К примеру так:

var form = new FormData(); 
 
$('.files').change(function(){ 
    var files = this.files; //это массив файлов     
    for(var i=0;i<files.length;i++){ 
        form.append("file[]",files[i]);  
    }     
}) 
 
$(document).on('click', 'button', function(){ 
  $.ajax({ 
      type: 'POST', 
      url: '/your/url', 
      cache: false, 
      contentType: false, 
      processData: false, 
      data : form, 
      success: function(result){ 
          console.log(result); 
      }, 
      error: function(err){ 
          console.log(err); 
      } 
  }); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input type="file" class="files"> 
<input type="file" class="files"> 
<input type="file" class="files"> 
 
 
<button>click</button>