Send an input file by JQuery PHP

0

I need to send a form by JQuery using $ .post, the other input is sent correctly but the input file is not. This is the form:

  <form id="servicioNovip" method="post" enctype="multipart/form-data">
    <input id="nombre" name="nombre" type="text" placeholder="Nombre de quien reporta" class="inputForm" required><br><br>
    <input id="telefono" name="telefono" type="text" placeholder="Teléfono" class="inputForm" required><br><br>
    <input id="correo" name="correo" type="email" placeholder="Correo" class="inputForm" required><br><br>
    <select class="inputForm" name="causa" id="causa" required>
      <option>Causa</option>
      <option value="Fuera de servicio">Fuera de servicio</option>
      <option value="Con ruido">Con ruido</option>
      <option value="No funciona adecuadamente">No funciona adecuadamente</option>
      <option value="Se rompió una pieza">Se rompió una pieza</option>
    </select><br><br>
    <input id="marca" name="marca" type="text" placeholder="Marca" class="inputForm" required><br><br>
    <input id="modelo" name="modelo" type="text" placeholder="Modelo" class="inputForm" required><br><br>
    <input id="numeroSerie" name="numeroSerie" type="text" placeholder="Número de Serie" class="inputForm" required><br><br>
    <input id="descProblema" name="descProblema" type="text" placeholder="Descripción del problema" class="inputForm" required><br><br>
    <input id="ubicacion" name="ubicacion" type="text" placeholder="Ubicacion del equipo"class="width90" height="30px"><img src="images/ubicacion.png" width="10%" height="30px"><br><br>
    <a id="abrir" onclick="abrirFuncion()"><input type="text" value="" placeholder="Enviar fotografia" name="" id="fototxt" class="width90" height="30px"><img src="images/flecha.png" width="10%" height="30px"></a>
    <input name="archivoPrueba" type="file" capture="camera" placeholder="Enviar fotografia" class="invisible" id="abrirCam" onchange="agregarVal()" required><br><br>  
    <a class="mandarBtn btn" type="submit" id="enviar">ENVIAR SOLICITUD</a><br><br>
  </form>

And this is my script:

$(document).ready(function()
{
  $("#enviar").click(function(){
    var nombre = $('#nombre').val();
    var telefono = $('#telefono').val();
    var correo = $('#correo').val();
    var causa = $('#causa').val();
    var marca = $('#marca').val();
    var modelo = $('#modelo').val();
    var numeroSerie = $('#numeroSerie').val();
    var descProblema = $('#descProblema').val();
    var ubicacion = $('#ubicacion').val();
    var abrirCam = $('#abrirCam')[0].files[0];
          $.post("http://ubicacion-del-archivo-php", {nombre: nombre, telefono: telefono, correo: correo, causa: causa, marca:marca, modelo:modelo, numeroSerie:numeroSerie, descProblema:descProblema, ubicacion:ubicacion, archivo:abrirCam}).done(function(data) {
        //alert( data );
        if (data == 1) {
          alert('Se agrego el reporte');
          location.href="enviada.html";
        }
      });
  });
}); 
'
    
asked by Erik Shasha 30.07.2018 в 18:09
source

0 answers