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";
}
});
});
});
'