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);
}
var_dump($_POST);
yvar_dump($_FILES);
y revisar en la consola de JS si se ve alguna respuesta y qué respuesta es.