Skip to main content
se eliminaron 181 caracteres en el cuerpo; título editado
Origen Enlace
JackNavaRow
  • 7.2k
  • 6
  • 25
  • 49

Pasar datos y un array Enviar archivo de un formulario de ajax a phpvia AJAX

Buenas tardes ya que tengo un formulario del cual me genera los datos de los inputs y un array de documentos quiero pasar los datos y el array, me podrían apoyar con este tema.

Pasar datos y un array de un formulario de ajax a php

Buenas tardes ya que tengo un formulario del cual me genera los datos de los inputs y un array de documentos quiero pasar los datos y el array, me podrían apoyar con este tema.

Enviar archivo de un formulario via AJAX

El problema es que no entra al primer IFIF, osea que la variable $_FILE[]$_FILE[] la esta enviando como null

null, en otras palabras esa variable lala esta enviando vacía y no se si hay alguna forma de pasar el array o es de manera diferente o que estoy haciendo mal.

$('body').ready(function () {

$('#win').on('submit', function (e) {

var dataToSend =  $(this).serialize(); //Aqui ya tenemos el contexto del formulario por eso usamos $(this)

// Despues hacemos el $.ajax
$.ajax({
    method: 'POST', // Metodo a utilizar POST, GET, etc...
    url: 'agregarsied.php', // URL de la pagina que recibira la petición
    data: dataToSend, // Aqui van los datos a enviar, en este caso serializamos los campos del formulario y los asinamos a esta variable por eso solo ponemos esta variable
    success: function (data) {
        if(data.length==0)
        {
            Swal.fire({
                type: 'success',
                title: 'Ha sido Registrado',
                showConfirmButton: false,
                timer: 2500
            }).then(function() {
                //alert('wi');
                window.location.href="sied.php";
                console.log(data);
            });

            //Swal({type: 'success', title: 'Bienvenido', showConfirmButton: false, timer: 1500},function(){window.location="pro_esp.php";});
        }
            else if(data.length == 1)
        {

            Swal.fire("Error","El numero de empleado ya existe","error").then(function() {
                //alert('wi');
                window.location.href="sied.php";
                console.log(data);
            });
            console.log(data);

        } else if(data.length == 2)
        {

            Swal.fire("Error","El campo de Documentos esta vacio","error").then(function() {
                //alert('wi');
                window.location.href="sied.php";
                console.log(data);
            });
            console.log(data);

        }
        else
        {

            Swal.fire("Error","No se puedo guardar la informacion","error").then(function() {
                //alert('wi');
                window.location.href="sied.php";
                console.log(data);
            });
            console.log(data);

        }
        // swal ( "¡ Aquí está el título! " , " ... ¡y aquí está el texto! " ) ;
        //console.log(data); // Este callback  responde como un status 200: OK, y lo que imprimas en php lo cachara en la variable data.
    },
    error: function (data) {
        Swal.fire("ERROR","Ocurrió un error al actualizar  la Información","error");
        console.log(data);
        // Este callback  responde con status de error, e.g. 400, 404, 500, etc...
    }
});


return false;
// Este return es para que no se lanze el evento submit al navegador y no brinque de pagina, si no que se queda esperando la respuesta de nuestra llamada ajax.
  }); 

});

});

El problema es que no entra al primer IF, osea que la variable $_FILE[] la esta enviando como null

en otras palabras esa variable la esta enviando vacía y no se si hay alguna forma de pasar el array o es de manera diferente o que estoy haciendo mal

$('body').ready(function () {

$('#win').on('submit', function (e) {

var dataToSend =  $(this).serialize(); //Aqui ya tenemos el contexto del formulario por eso usamos $(this)

// Despues hacemos el $.ajax
$.ajax({
    method: 'POST', // Metodo a utilizar POST, GET, etc...
    url: 'agregarsied.php', // URL de la pagina que recibira la petición
    data: dataToSend, // Aqui van los datos a enviar, en este caso serializamos los campos del formulario y los asinamos a esta variable por eso solo ponemos esta variable
    success: function (data) {
        if(data.length==0)
        {
            Swal.fire({
                type: 'success',
                title: 'Ha sido Registrado',
                showConfirmButton: false,
                timer: 2500
            }).then(function() {
                //alert('wi');
                window.location.href="sied.php";
                console.log(data);
            });

            //Swal({type: 'success', title: 'Bienvenido', showConfirmButton: false, timer: 1500},function(){window.location="pro_esp.php";});
        }
            else if(data.length == 1)
        {

            Swal.fire("Error","El numero de empleado ya existe","error").then(function() {
                //alert('wi');
                window.location.href="sied.php";
                console.log(data);
            });
            console.log(data);

        } else if(data.length == 2)
        {

            Swal.fire("Error","El campo de Documentos esta vacio","error").then(function() {
                //alert('wi');
                window.location.href="sied.php";
                console.log(data);
            });
            console.log(data);

        }
        else
        {

            Swal.fire("Error","No se puedo guardar la informacion","error").then(function() {
                //alert('wi');
                window.location.href="sied.php";
                console.log(data);
            });
            console.log(data);

        }
        // swal ( "¡ Aquí está el título! " , " ... ¡y aquí está el texto! " ) ;
        //console.log(data); // Este callback  responde como un status 200: OK, y lo que imprimas en php lo cachara en la variable data.
    },
    error: function (data) {
        Swal.fire("ERROR","Ocurrió un error al actualizar  la Información","error");
        console.log(data);
        // Este callback  responde con status de error, e.g. 400, 404, 500, etc...
    }
});


return false;
// Este return es para que no se lanze el evento submit al navegador y no brinque de pagina, si no que se queda esperando la respuesta de nuestra llamada ajax.
  });

});

El problema es que no entra al primer IF, osea que la variable $_FILE[] la esta enviando como null, en otras palabras esa variable la esta enviando vacía y no si hay alguna forma de pasar el array o es de manera diferente o que estoy haciendo mal.

$('body').ready(function () {

$('#win').on('submit', function (e) {

var dataToSend =  $(this).serialize(); //Aqui ya tenemos el contexto del formulario por eso usamos $(this)

// Despues hacemos el $.ajax
$.ajax({
    method: 'POST', // Metodo a utilizar POST, GET, etc...
    url: 'agregarsied.php', // URL de la pagina que recibira la petición
    data: dataToSend, // Aqui van los datos a enviar, en este caso serializamos los campos del formulario y los asinamos a esta variable por eso solo ponemos esta variable
    success: function (data) {
        if(data.length==0)
        {
            Swal.fire({
                type: 'success',
                title: 'Ha sido Registrado',
                showConfirmButton: false,
                timer: 2500
            }).then(function() {
                //alert('wi');
                window.location.href="sied.php";
                console.log(data);
            });

            //Swal({type: 'success', title: 'Bienvenido', showConfirmButton: false, timer: 1500},function(){window.location="pro_esp.php";});
        }
            else if(data.length == 1)
        {

            Swal.fire("Error","El numero de empleado ya existe","error").then(function() {
                //alert('wi');
                window.location.href="sied.php";
                console.log(data);
            });
            console.log(data);

        } else if(data.length == 2)
        {

            Swal.fire("Error","El campo de Documentos esta vacio","error").then(function() {
                //alert('wi');
                window.location.href="sied.php";
                console.log(data);
            });
            console.log(data);

        }
        else
        {

            Swal.fire("Error","No se puedo guardar la informacion","error").then(function() {
                //alert('wi');
                window.location.href="sied.php";
                console.log(data);
            });
            console.log(data);

        }
        // swal ( "¡ Aquí está el título! " , " ... ¡y aquí está el texto! " ) ;
        //console.log(data); // Este callback  responde como un status 200: OK, y lo que imprimas en php lo cachara en la variable data.
    },
    error: function (data) {
        Swal.fire("ERROR","Ocurrió un error al actualizar  la Información","error");
        console.log(data);
        // Este callback  responde con status de error, e.g. 400, 404, 500, etc...
    }
});


return false;
// Este return es para que no se lanze el evento submit al navegador y no brinque de pagina, si no que se queda esperando la respuesta de nuestra llamada ajax.
  }); 

});
Origen Enlace

Pasar datos y un array de un formulario de ajax a php

Buenas tardes ya que tengo un formulario del cual me genera los datos de los inputs y un array de documentos quiero pasar los datos y el array, me podrían apoyar con este tema.

El problema es que no entra al primer IF, osea que la variable $_FILE[] la esta enviando como null

en otras palabras esa variable la esta enviando vacía y no se si hay alguna forma de pasar el array o es de manera diferente o que estoy haciendo mal

Esto es el form el input es el de archivo

 echo '<div class="panel-body" >';
 echo '<div class="modal-dialog modal-sm">
<div class="modal-content">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" onclick="javascript:window.location.reload()">&times;</button>';

    echo'<center>   <h4 class="modal-title">Registro</h4>
        <form style="height: 400px; width: 90%; ;" id="win"   method="post"  enctype="multipart/form-data">
            <label>Nombre del Consultor:</label>
            <div style="height: 50px; width: 100%; ">                           
                <input type="text" name="nombre" class="form-control col-xs-5  input-lg">
            </div>

            <label>Numero de Empleado:</label>
            <div style="height: 50px; width: 100%; ">                           
                <input type="text" name="numero" class="form-control col-xs-5  input-lg" required="required">
            </div>

            ';


            echo '<label>Proyecto:</label>
                <div style="height: 70px; width: 100%; margin-bottom: 0px;">
                <select style="display: inline-block;" name="proyecto" class="form-control col-xs-5  input-lg">';

                     $query = mysqli_query($db, "SELECT * from proyecto") or die (mysql_error());
                     while ($resultado=mysqli_fetch_array($query)) {
                            echo '<option value="'.$resultado['id'].'">'.$resultado['nombre'].'</option>
                            ';
                        }
                echo '</select>';

            echo'</select>
            </div>


            <label>Fecha de Ingreso:</label>    
            <div style="height: 70px; width: 100%; margin-top: -5px;">
                <input type="date" style="display: inline-block;" name="fecha"  class="form-control col-xs-5 input-lg" required="required">
            </div>


        <div class="col-lg-6 col-sm-6 col-12">
            <label class="btn btn-primary">
                Documentos <input type="file"  name="archivo[]" id="archivo" multiple="true" accept="application/pdf, application/vnd.ms-excel, application/msword" required="required" style="display: none;">
            </label>
        </div>  


              <div style="height: 70px; width: 100%; ">
            <button id="btn" type="submit" class="btn btn-primary">Guardar</button>
            </div>
        </form>

    ';
      echo '</center></div>
  </div>
  </div>';
 echo '</div>';

la parte de ajax donde no se si se envie de esa manera el array, junto con los datos del formulario.

$('body').ready(function () {

$('#win').on('submit', function (e) {

var dataToSend =  $(this).serialize(); //Aqui ya tenemos el contexto del formulario por eso usamos $(this)

// Despues hacemos el $.ajax
$.ajax({
    method: 'POST', // Metodo a utilizar POST, GET, etc...
    url: 'agregarsied.php', // URL de la pagina que recibira la petición
    data: dataToSend, // Aqui van los datos a enviar, en este caso serializamos los campos del formulario y los asinamos a esta variable por eso solo ponemos esta variable
    success: function (data) {
        if(data.length==0)
        {
            Swal.fire({
                type: 'success',
                title: 'Ha sido Registrado',
                showConfirmButton: false,
                timer: 2500
            }).then(function() {
                //alert('wi');
                window.location.href="sied.php";
                console.log(data);
            });

            //Swal({type: 'success', title: 'Bienvenido', showConfirmButton: false, timer: 1500},function(){window.location="pro_esp.php";});
        }
            else if(data.length == 1)
        {

            Swal.fire("Error","El numero de empleado ya existe","error").then(function() {
                //alert('wi');
                window.location.href="sied.php";
                console.log(data);
            });
            console.log(data);

        } else if(data.length == 2)
        {

            Swal.fire("Error","El campo de Documentos esta vacio","error").then(function() {
                //alert('wi');
                window.location.href="sied.php";
                console.log(data);
            });
            console.log(data);

        }
        else
        {

            Swal.fire("Error","No se puedo guardar la informacion","error").then(function() {
                //alert('wi');
                window.location.href="sied.php";
                console.log(data);
            });
            console.log(data);

        }
        // swal ( "¡ Aquí está el título! " , " ... ¡y aquí está el texto! " ) ;
        //console.log(data); // Este callback  responde como un status 200: OK, y lo que imprimas en php lo cachara en la variable data.
    },
    error: function (data) {
        Swal.fire("ERROR","Ocurrió un error al actualizar  la Información","error");
        console.log(data);
        // Este callback  responde con status de error, e.g. 400, 404, 500, etc...
    }
});


return false;
// Este return es para que no se lanze el evento submit al navegador y no brinque de pagina, si no que se queda esperando la respuesta de nuestra llamada ajax.
  });

});

y en el php creo que estoy tomando los datos de buena manera pero en los logs me manda que la variable archivo esta indefinida.

$nombre=$_POST['nombre'];
 $numero=$_POST['numero'];
 $proyecto=$_POST['proyecto'];
 $fecha=$_POST['fecha'];
$archivo = $_FILES['archivo'];

if (isset( $_FILES['archivo'])) {


$correo = $_SESSION['login_user'];
$query = mysqli_query($db, "SELECT * from usuarios where correo = '$correo'") or die (mysql_error());
$res=mysqli_fetch_array($query);
$usuario = $res['id'];

      $query = mysqli_query($db, "SELECT * from consultor where num_empleado = '$numero'");

    if ($res=mysqli_num_rows($query)>0) {
  echo "1";

}else{

    $insertar = "INSERT INTO consultor (nombres, num_empleado, id_proyecto, estatus, fehca_in, id_usuarios) VALUES ('$nombre',   '$numero', '$proyecto', 'Activo', '$fecha', '$usuario')";


  $resultado = mysqli_query($db, $insertar);

if (!$resultado) {
    echo "Error al registrar los datos";
}else{

  }
}


 }else{
echo "22";
   }