gostaria de saber como faço para enviar meu <input type="file">
para o php
através do ajax
. escrevi o código porem o mesmo não chama a url
php
e não me retorna erro.
codigo html:
<button class="icon-overlay">Pesquisar Img</button>
<form id="imgUpload" enctype="multipart/form-data">
<input type="file" id="avatar-img" name="file" accept="image/jpeg" style="display: none;">
</form>
codigo jquery:
$(".icon-overlay").click(function(){
self.executar();
});
$('input:file').change(function() {
$('#imgUpload').submit(function() {
var formulario = document.getElementById('imgUpload');
var formData = new FormData(formulario);
$.ajax({
url: "controller/trade-photo.php",
type: "POST",
data: formData,
dataType: 'json',
processData: false,
contentType: false,
success: function(retorno){
alert(retorno);
}
});
return false;
});
});
function executar(){
$("#avatar-img").click();
}