1

Buen dia amigos, necesito saber como puedo subir imagenes con jquery ajax en php tengo este es mi script

$(document).ready( function() {   // Esta parte del código se ejecutará automáticamente cuando la página esté lista.
            $("#sucursalbutton").click( function() {

                if(validarSucursal()){                               // Primero validará el formulario.
                    $.post("/Controllers/SucursalController.php", $("#sucursaldata").serialize(), function(res){
                        if(res == 1){
                            toastr.success('El Cliente se dio de alta correctamente.', {timeOut: 5000, progressBar: true});
                            $('#clientedata').trigger("reset");
                        } else {
                            toastr.error('Error al registrar el cliente.', {timeOut: 5000, progressBar: true});
                        }
                    });
                }
            });
        });

y este es mi HTML

<div class="card-body"><h5 class="card-title">Dar de alta Clientes</h5>
                            <div class="position-relative form-group">
                                <div>
                                    <form id="sucursaldata" method="POST" enctype="multipart/form-data" class="form-horizontal">
                                        <div class="position-relative form-group">
                                            <label for="nombresucursal" class="">Nombre de la Sucursal</label>
                                            <input name="nombresucursal" id="nombresucursal" placeholder="Nombre de la Sucursal" type="text" class="form-control">
                                        </div>
                                        <div class="position-relative form-group">
                                            <label for="imagensuc" class="">Imagen</label>
                                            <input name="imagensuc" id="imagensuc" type="file" accept="image/*" class="form-control">
                                        </div>
                                        <button class="mt-1 btn btn-primary" id="sucursalbutton" type="button">Enviar</button>
                                    </form>
                                </div>
                            </div>
                        </div>

al momento de hacer un var_dump no me envia la imagen

2
  • Y que es lo que te muestra en var_dump???
    – Shassain
    Commented el 8 may. 2020 a las 21:24
  • Cuando valido con $_FILES, esto: array(0) { } .............. Cuando valido con $_POST solo el campo nombre
    – Dohko19
    Commented el 8 may. 2020 a las 21:26

1 respuesta 1

1

Te recomiendo que cambies tu metodo $.post() por $.ajax() para que pases el parametro contentType: 'multipart/form-data' el cual es para mandar archivos.

$.ajax({
    url: "/Controllers/SucursalController.php", 
    data: $("#sucursaldata").serialize(), 
    contentType: 'multipart/form-data'
}).done(function(res){
    if(res == 1){
        toastr.success('El Cliente se dio de alta correctamente.', {timeOut: 5000, progressBar: true});
        $('#clientedata').trigger("reset");
    } else {
        toastr.error('Error al registrar el cliente.', {timeOut: 5000, progressBar: true});
    }
});

Prueba y comenta si te funciono.

1
  • el contentType, aunque este definido arriba en el formulario debo definirlo en el script tambien?
    – Dohko19
    Commented el 9 may. 2020 a las 17:37

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.