/Javascript/jQuery/Send multiple files using formdata jquery

Send multiple files using formdata jquery

//Javascript part
//file_input is a file input id
var formData = new FormData();
var filesLength=document.getElementById('file_input').files.length;
for(var i=0;i<filesLength;i++){
	formData.append("file[]", document.getElementById('file_input').files[i]);
}
$.ajax({
   url: 'upload.php',
   type: 'POST',
   data: formData,
   contentType: false,
   cache: false,
   processData: false,
   success: function (html) {
   
  }
});
 Run code snippet

Source: stackoverflow.com

Similar codes

37 votes105 views6 answers
Jquery get data attribute
Javascript jQuery
0 vote117 views1 answer
Jquery handle change event of file upload created dynamically
Javascript jQuery
1 vote114 views1 answer
Jquery pass element to function
Javascript jQuery
1 vote107 views1 answer
Convert jquery to string
Javascript jQuery
6 votes97 views1 answer
Jquery loop through li element
Javascript jQuery
0 vote123 views1 answer
JQuery UI droppable accept maximum number of elements
Javascript jQuery
0 vote119 views1 answer
Jquery loop through collection backwards
Javascript jQuery
3 votes120 views1 answer
Jquery button remove disabled attribute
Javascript jQuery
13 votes105 views6 answers
Select option value jquery
Javascript jQuery
1 vote102 views1 answer
Jquery chrome console
Javascript jQuery