1

Lo que estoy tratando es hacer un registro a una tabla con diferentes campos, uno entre ellos de imagen. con mi código se hace el registro en la BD excepto por la imagen. Este es mi código:

este es el modal donde están los campos de la tabla:

<!-- Modal  a;adir departamento-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">Añadir Departamento</h4>
        </div>
        <div class="modal-body">
            <form id="frmDepto" class="form-horizontal" role="form">

                <div class="form-group">
                    <label for="depto" class="col-lg-2 control-label">Departamento:</label>
                    <div class="col-lg-10">
                        <input type="text" class="form-control" name="depto" id="depto" placeholder="Numero departamento">
                    </div>
                </div>
                <div class="form-group">
                    <label for="nombre" class="col-lg-2 control-label">Nombre:</label>
                    <div class="col-lg-10">
                        <input type="text" class="form-control" name="nombre" id="nombre" placeholder="Nombre departamento">
                    </div>
                </div>

                <div class="form-group">
                    <label for="foto" class="col-lg-2 control-label">Imagen:</label>
                    <div class="col-lg-10">
                        <input type="file" class="form-control" name="foto" id="foto" placeholder="Imagen del producto" >
                    </div>
                </div>

                <div class="form-group">
                    <label for="codigo" class="col-lg-2 control-label">Código:</label>
                    <div class="col-lg-10">
                        <input type="text" class="form-control" name="codigo" id="codigo" placeholder="Codigo departamento" >
                    </div>
                </div>
            </form>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
            <button id="btnGuardarDepto" type="button" class="btn btn-primary">Guardar</button>
        </div>
    </div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

Esta es la función que dispara el modal:

function insertarDepartamento () {
    var data = $("#frmDepto").serialize(), myModal = $("#myModal"), content = $("#content_main");

    $.ajax({
        url: "<?=site_url('departamentos/insertarDepartamento')?>", 
        type: "post",                                               
        data: data,                                            
        beforeSend: function () {
            myModal.modal("hide");
        },
        success: function (respuesta) {
            location.reload(true);
            //content.empty().append(respuesta);
        }
    });

    return false;
}

este es mi controlador:

public function insertarDepartamento()

{ 
if($this->modelo->insertarDepartamento())
        echo 'true';
    else
        echo 'false';
}

y este es mi modelo:

public function insertarDepartamento()
    {
         $data = array(
                      'depto'  => trim($this->input->post('depto')),
                      'nombre' => trim(strtolower($this->input->post('nombre'))),
                      'codigo' => $this->input->post('codigo'), 
                      'foto'   => $this->input->post('foto'),
                      // 'status' => $this->input->post('status')
                      );
    if($this->db->insert('lineas', $data))
        return true;
    else 
        return false;


}

1 respuesta 1

0

Los archivos son datos binarios, no puedes enviarlo por text (como hace serialize) o por JSON (a no ser que lo conviertas en base64). Si tu idea es subir el archivo como binario, entonces debes enviarlo en un FormData.

const data = new FormData($('#formDpto')[0]);
...
$.ajax({
    url: "<?=site_url('departamentos/insertarDepartamento')?>", 
    type: "post",                                               
    data: data,                                            
    beforeSend: function () {
        myModal.modal("hide");
    },
    success: function (respuesta) {
        location.reload(true);
    }
});

En tu controlador vas a obtener los archivos mediante la constante $_FILES:

$_FILES["foto"]

A partir de aquí puedes hacer varias cosas; escribir la imagen en un directorio, convertirlo a blob:

$foto = file_get_contents($_FILES['foto']['tmp_name']);

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.