FormData append not working
When logging a formData object with just console.log(formData) it always returns empty, as you can't log formData.
If you just have to log it before sending it, you can use entries() to get the entries in the formData object
$('#upload-image').change(function(e) { var file = e.target.files[0]; var imageType = /image.*/; if (!file.type.match(imageType)) return; var form_data = new FormData(); form_data.append('file', file); for (var key of form_data.entries()) { console.log(key[0] + ', ' + key[1]); } $.ajax({ url: 'http://localhost/upload.php', cache: false, contentType: false, processData: false, data: form_data, type: 'POST', success: function(response) { console.log(response); }, error: function(error) { console.log(error); } });});
I've noticed myself that the contentType: false will only work on jQuery 1.7.0 and above. So make sure that you're using the right jQuery version.