0

Quiero saber si esta bien declarado o seteado mi JQuery.

En la parte de captura lo capturo por el .val() nose si estará mal o bien, por que al momento de grabar dice que no e seleccionado ninguna imagen

MTML :

    <div class="row">
                     <label align="center" class="control-label col-md-12">Imagen</label>
                      <div class="col-md-12">
                         <div class="form-group">
                           <div id="form_derivacion" class="form-group col-sm-12">
                              <input id="foto_empleado" name="foto_empleado" type="file" data-show-upload="false" class="file"  required="true" accept="image/*">
                           </div>
                        </div>
                     </div>
  </div>

JQUERY

function guardar_compra() {

    var numero_compra = $('#numero_compra').val();
    var id_proveedor = $('#id_proveedor').val();
    var monto_total = $('#monto_total').val();
    var fecha_compra = $('#fecha_compra').val();
    var foto_empleado = $('#foto_empleado').val();

        var dataString = 'numero_compra=' + numero_compra
                + '&id_proveedor=' + id_proveedor
                + '&monto_total=' + monto_total
                + '&fecha_compra=' + fecha_compra
                + '&foto_empleado=' + foto_empleado;

        $.ajax({
            type: 'POST',
            url: baseurl + 'Compras/guardar_compra',
            data: dataString,
            cache: false,
            contentType: false,
            processData: false,
            success: function (result) {
                var resultado = $.trim(result);
                if (resultado == 1) {
                    $("#modal_form_producto").modal('hide');
                    $('#notificacion').modal('show');
                    $('#msg_respuesta').html("<strong><FONT color='#1b5e20' SIZE=6>Producto Guardado</FONT>");
                    limpiar();
                    reload_tabla_pagos();
                } else {
                    alert("Error!" + result);
                }
            },
            error: function (result) {
            }
        });
    }
}

Este es mi controlador:

public function guardar_compra() {
        $numero_compra = $this->input->post('numero_compra');
        $id_proveedor = $this->input->post('id_proveedor');
        $monto_total = $this->input->post('monto_total');
        $fecha_compra = $this->input->post('fecha_compra');
        $config = [
            "upload_path" => "./assets/images",
            'allowed_types' => "png|jpg"
        ];

        $this->load->library("upload", $config);

        if ($this->upload->do_upload('foto_empleado')) {
            $data = array("upload_data" => $this->upload->data());
            $datos = $data['upload_data']['file_name'];
            if ($this->compras->guardar_compra($numero_compra, $id_proveedor, $monto_total, $fecha_compra, $datos) == true)
                echo "exito";
            else
                echo "error";
        }
        else {
            echo $this->upload->display_errors();
        }

MI MODELO:

public function guardar_compra() {
        $numero_compra = $this->input->post('numero_compra');
        $id_proveedor = $this->input->post('id_proveedor');
        $monto_total = $this->input->post('monto_total');
        $fecha_compra = $this->input->post('fecha_compra');
        $config = [
            "upload_path" => "./dist/img/compras",
            'allowed_types' => "png|jpg"
        ];

        $this->load->library("upload", $config);

        if ($this->upload->do_upload('file')) {
            $data = array("upload_data" => $this->upload->data());
            $datos = $data['upload_data']['file_name'];
            if ($this->compras->guardar_compra($numero_compra, $id_proveedor, $monto_total, $fecha_compra, $datos) == true)
                echo "exito";
            else
                echo "error";
        }
        else {
            echo $this->upload->display_errors();
        }
    }

1 respuesta 1

1

para hacer upload de archivos no es tan directo como enviar una variable.

Este es un ejemplo de como mandar el archivo usando FormData() que tomé de esta pregunta. Fijate la respuesta de @pedrozopayares que tiene menos complejidad para implementar. En la misma respuesta muestra el código php para recibir el archivo.

EDICIÓN 1

Para subir el resto de los campos se agregan al formData.

var formData = new FormData();
formData.append('file', $('#file')[0].files[0]);

formData.append('numero_compra', numero_compra);
formData.append('id_proveedor', id_proveedor);
formData.append('monto_total', monto_total);
formData.append('fecha_compra', fecha_compra);

$.ajax({
       url : 'upload.php',
       type : 'POST',
       data : formData,
       processData: false,  // tell jQuery not to process the data
       contentType: false,  // tell jQuery not to set contentType
       success : function(data) {
           console.log(data);
           alert(data);
       }
});
7
  • Una consulta cuando lo paso solo, si funciona, pero cuando lo paso con otro parámetro es decir con los demás datos capturados con .val, y concatenados en la variable dataString ya no funciona solo funciona cuando le mando la foto sola :c Commented el 21 jun. 2017 a las 13:10
  • Como estás agregando los otros datos? debería ser formData.append('nombreVariable', valor); antes de la llamada al ajax.
    – Juan
    Commented el 21 jun. 2017 a las 13:31
  • Observa mi jquery por favor ahi hago la carga de esos inputs Commented el 21 jun. 2017 a las 13:53
  • Fijate si funciona lo que agregué.
    – Juan
    Commented el 21 jun. 2017 a las 14:14
  • Muchas gracias muchas gracias, aunque hay otro problema sube todo pero no gurda el nombre en la BD :c Commented el 21 jun. 2017 a las 14:25

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.