Estou tentando fazer o upload de imagens via AJAX e PHP, porém sem sucesso. Já revisei, atualizei, enfim, os códigos batem com todos os outros códigos que eu pesquisei, eu realmente não estou entendendo.
HTML:
<form class="photo_change" method="post" enctype="multipart/form-data">
<input class="arquivo" name="img" type="file" />
<input type="submit" class="img_envia" name="envia_img" value="SELECIONAR IMAGEM" />
<img style="display: none; width:22px; height: 22px; margin-left:10px;" src="/img/loader.gif" /> </form>
Jquery:
$('.img_envia').click(function(){
$('.arquivo').trigger('click');
return false;
});
$('.arquivo').change(function() {
var fileName = $(this)[0].files[0].name;
var formData = new FormData($('.photo_change'));
$('#modal_photo_content form img').show();
$.ajax({
url:'http://localhost/photo_change.php',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(data){
console.log(data);
$('.img_envia').removeAttr('disabled','disabled');
},
error: function() {
$('.img_envia').removeAttr('disabled','disabled');
alert("ERRO: Tente novamente mais tarde.");
}
});
});
E no PHP eu estou dando um var_dump na variável $_FILES e no $_POST para ver se estou recebendo algo, mas o retorno é sempre o da foto: