submit form via jquery FormData - php

Question

I am trying to upload a file using jquery. Here's the form:
<form id="upload_data" class="project" enctype="multipart/form-data" method="POST">
<select id="project_id" name="project_id">
<option value="1">1</option>
<option value="2">2</option>
</select>
<input type="file" id="data" name="data" />
<input type="hidden" name="user_id" id="user_id" value="12" required>
<button type="submit" id="ajax" class="btn btn-primary">Submit</button>
</form>
Here's the jquery part:
$('#upload_data').submit( function( e ) {
var form = $('form');
var formData = new FormData();
$.each($(':input', form ), function(i, fileds){
formData.append($(fileds).attr('name'), $(fileds).val());
});
$.each($('input[type=file]',form )[0].files, function (i, file) {
formData.append(file.name, file);
});
$.ajax( {
url: '../controllers/process.php',
type: 'POST',
enctype: 'multipart/form-data',
data: formData,
processData: false,
contentType: false,
success: function(data)
{
alert(data);
},
error: function(data)
{
alert(data);
}
} );
});
The problem is that I am getting empty post values in process.php:
if (isset($_POST['project_id']) AND isset($_POST['user_id'])){
//process
}else{
echo 'No post data';
}
It always return 'No post data' (But in console, I can see that data has been posted but it's not the case in server.). What am I missing here?

Answer 1

You can use the ajaxForm/ajaxSubmit functions from Ajax Form Plugin or the jQuery serialize function.
jQuery AJAX submit form
and
How to send FormData objects with Ajax-requests in jQuery?

Answer 2

If you are appending a file to formData
formData.append(file.name, file);
You need to use this version of the method as per MDN docs
formData.append(name, value, filename);
That will allow you to present a fieldname, file data, and file name
Also you might consider just submiting the form itself without the need for using formData

Answer 3

Thank you for all your reply. The problem was about max_upload_filesize and post_max_size. I increased the values for these options and now it's working. Thanks.