1

Tengo este formulario:

<form action="" method="POST" id="addProductForm" enctype="multipart/form-data">
    <input type="hidden" class="form-control" id="seleccionarCategoria" name="seleccionarCategoria">
    <input type="text" class="form-control" id="seleccionarNombre" name="seleccionarNombre">
    <input type="file" class="custom-file-input" id="seleccionarImagen" name="seleccionarImagen" aria-describedby="seleccionarImagen">
    <input type="text" class="form-control" id="seleccionarMarca" name="seleccionarMarca">
    <input type="text" class="form-control" id="seleccionarMedida" name="seleccionarMedida">
    <input type="text" class="form-control" id="seleccionarPrecio" name="selecionarPrecio">
    <input type="checkbox" aria-label="Checkbox for following text input" name="seleccionarEstado">
    <button type="submit" class="btn btn-success">Agregar</button>
</form>

Lo hago con ajax mediante la siguiente funcion:

function ajaxAdd(elemento, direccion, destino){

    var ajax = new XMLHttpRequest();
    var datos = document.getElementById(elemento);
    var destino = document.getElementById(destino);

    datos.addEventListener('submit', (e) => {

        e.preventDefault();
        var formu = new FormData(datos);

        ajax.open('POST', direccion);
        ajax.onload = () => {
            if(ajax.status == 200 && ajax.responseText != 'error'){
                destino.innerHTML = ajax.responseText;
                console.warn('si->' + ajax.readyState);
                alertify.success('Acción Exitosa');
            }
            else{
                console.error('error de conexion-> estatus: ' + ajax.status + ', ready estatus: ' + ajax.readyState);
                alertify.error('Ocurrió un Error');
            }   
        }

        ajax.send(formu);
    });
}

//Asi uso la funcion ajaxAdd:
ajaxAdd('addProductForm', 'php/accionesCatalogo.php', 'accordion');

Cabe recalcar que lo quiero hacer con puro javascript, no con jquery. Por ultimo el archivo acciones catalogo.php tiene esto:

<?php

    include_once('catalogoprivado.php');

    if(isset($_POST["seleccionarCategoria"]) && isset($_POST["seleccionarNombre"]) && isset($_FILES["seleccionarImagen"]) &&
       isset($_POST["seleccionarMarca"]) && isset($_POST["seleccionarMedida"]) && isset($_POST["seleccionarPrecio"]) &&
       isset($_POST["seleccionarEstado"])
    ){
        if ($_POST["seleccionarEstado"] == 'on') {
            $estado = '1';
        }else{
            $estado = '0';
        }

        $folder = $_FILES["imagen"]["tmp_name"];
        $imagen = file_get_contents($folder);
        $entradaMultiple = 
            $_POST["seleccionarCategoria"]. "," . $_POST["seleccionarNombre"] . "," . $_POST["seleccionarMarca"] . 
                "," . $_POST["seleccionarMedida"] . "," . $_POST["seleccionarPrecio"] . "," . $estado . "," . $imagen;
        $base->insertar(
            'productos', 'pertenece_categoria, nombre_producto, marca, medida, precio, estado, logo', $entradaMultiple
        );
    }

?>

he revisado por todas partes pero no veo porque no me realizar la consulta, (en este caso busco agregar a la base de datos lo ingresado en el formulario, que se cargue con el ajax por medio del archivo php citado) y aqui esta la funcion insertar mencionada

function insertar($tabla, $campos, $valores){
    $conexion = new mysqli(DB_HOSTNAME, DB_USERNAME, DB_PASSWORD, DB_DBNAME);
    $consulta = "INSERT INTO $tabla ($campos) VALUES ('$valores')";
    $sqli_resultado = $conexion->query($consulta);
}
16
  • probe con 'setrequestheader' y reemplazar 'on load' por 'onreadystatechange' pero nada funciona, no veo porque. Avisenme por favor si me hizo falta agregar alguna parte del codigo.
    – Carepollo
    el 24 jun. 2020 a las 21:52
  • he revisado por todas partes pero no veo porque no me realizar la consulta indica en la pregunta cuál ha sido el resultado de esas revisiones que dices que has hecho por todas partes. Por ejemplo: ¿verificaste por un método simple que hay comunicación entre cliente (Ajax) y servidor (PHP)? ¿verificaste que los datos llegan correctamente al servidor? ¿verificaste que la respuesta del servidor llega al cliente? ¿En qué punto encuentras el problema?
    – A. Cedano
    el 24 jun. 2020 a las 22:02
  • En estos casos la primera verificación que hay que hacer sería: var_dump($_POST); y var_dump($_FILES); y revisar en la consola de JS si se ve alguna respuesta y qué respuesta es.
    – A. Cedano
    el 24 jun. 2020 a las 22:04
  • la respuesta es codigo 200 del estatus y del onreadystate es 4, no estoy seguro de si eso es lo que deberia pasar, siempre me lleva al caso 'console.error('error de conexion-> estatus: ' + ajax.status + ', ready estatus: ' + ajax.readyState);'. No tengo ni idea de cual sera el error pues es mi primera vez tratando con ajax, y mi segunda pregunta en stackoverflow asi que disculpenme si no puedo introducir codigo correctamente. por ultimo, si, si hay conexion entre php y JS, porque funciona con otro formulario que no tiene imagenes, sospecho que en el tema de las imagenes esta el error
    – Carepollo
    el 24 jun. 2020 a las 22:04
  • a lo mejor no estoy transformando correctamente a bytes la imagen para subirla a la base de datos (que es parte de lo que quiero hacer)
    – Carepollo
    el 24 jun. 2020 a las 22:07

2 respuestas 2

1

Yo diría que el problema está por aquí:

En el formulario el campo se llama "seleccionarImagen" pero estás leyendo $_FILES['imagen'] y por lo tanto $imagen queda vacío.

$folder = $_FILES["imagen"]["tmp_name"];
$imagen = file_get_contents($folder);

Luego, acá hay un problema en la concatenación de los valores:

$entradaMultiple = 
      $_POST["seleccionarCategoria"]
    . "," 
    . $_POST["seleccionarNombre"] 
    . "," 
    . $_POST["seleccionarMarca"] 
    . "," 
    . $_POST["seleccionarMedida"] 
    . "," 
    . $_POST["seleccionarPrecio"] 
    . "," 
    . $estado 
    . "," 
    . $imagen;

Si estás usando $entradaMultiple para hacer la inserción directamente, entonces la consulta te está fallando porque no estás rodeando con comillas los campos no numéricos. Justamente, $imagen es una cadena (no se los otros campos) y deberías concatenar la variable así:

$entradaMultiple = 
      $_POST["seleccionarCategoria"]
    . "," 
    . $_POST["seleccionarNombre"] 
    . "," 
    . $_POST["seleccionarMarca"] 
    . "," 
    . $_POST["seleccionarMedida"] 
    . "," 
    . $_POST["seleccionarPrecio"] 
    . "," 
    . $estado 
    . "," 
    . '"' . $imagen . '"';

Por otro lado, si así estás armando tus consultas entonces también estás teniendo un problema de inyección de código. Deberías leer sobre "consultas preparadas" para mejorar la seguridad! :)

2
  • tienes razon, todos los campos. Todos los campos son de cadena a excepcion del de precio y estado e imagen que son int, tinyint y blob, el error estoy seguro que es por allí ya que me ha pasado antes, gracias, de verdad.
    – Carepollo
    el 24 jun. 2020 a las 23:02
  • de nada, espero puedas avanzar! :D
    – CJ Nimes
    el 24 jun. 2020 a las 23:09
0

halle la solucion definitiva: el error estaba en dos partes, la primera en el HTML:

<form action="" method="POST" id="addProductForm" enctype="multipart/form-data">
<input type="hidden" class="form-control" id="seleccionarCategoria" name="seleccionarCategoria">
<input type="text" class="form-control" id="seleccionarNombre" name="seleccionarNombre">
<input type="file" class="custom-file-input" id="seleccionarImagen" name="seleccionarImagen" aria-describedby="seleccionarImagen">
<input type="text" class="form-control" id="seleccionarMarca" name="seleccionarMarca">
<input type="text" class="form-control" id="seleccionarMedida" name="seleccionarMedida">
<input type="text" class="form-control" id="seleccionarPrecio" name="**selecionarPrecio**">
<input type="checkbox" aria-label="Checkbox for following text input" name="seleccionarEstado">
<button type="submit" class="btn btn-success">Agregar</button>

Si se fijan, esta mal escrito, pero en el codigo php esta solicitandose como seleccionarPrecio, no selecionarPrecio. Por otro lado no estaba haciendo bien las comparaciones de valores, detalle que aquí me ayudaron a resolver

Tu Respuesta

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

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