I'm trying to make an AJAX file uploading using MinifiedJS and $.request.
I have and HTML file with an input file.
<input type="file" id="fileAvatar" />
And my Javascript code looks like this.
$('#fileAvatar').on('change', uploadAvatar);
function uploadAvatar(event) {
var fData = new FormData();
// Add files
_.each(event.target.files, function(file, key) {
fData.append(key, file);
});
// Add ohter parameters
fData.append('user', 267345);
// POST formData
$.request(
'post',
'/ajax/upload_avatar.php',
fData,
{'Content-Type': 'multipart/form-data'}
).then(function(response){
console.log(response);
});
}
I can see the POST to /ajax/upload_avatar.php on Chrome Dev tools, but i don't get any parameters on my PHP, it looks like the form data object is not sent.
Any thoughts?