Skip to main content
2 de 2
Faltou a linguagem do Backend que irá salvar o arquivo de upload

como enviar uma imagem para o php através de um input='file' escondido

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();
        }
Leonardo Costa
  • 1mil
  • 13
  • 32