[SOLUCIONADO] Recibir valor de input file desde un js

[Briss]

Hola a todos tengo un formulario donde debo subir ciertos archivos

FORMULARIO
Expediente

Código HTML:

<div>
<label for="email" accesskey="E"> Acta de Nacimiento</label>
<input type="file" size="25" id="nomArch1" name="nomArch1" />
</div> 

En un .js recojo mis inputs para después procesarlos en un PHP
.JS

Código:

$.post(action, {
			

			nombre: $('#nombre').val(),
			nomArch1:$('#nomArch1').val(),
			}

PHP

ANTES SOLO CON PHP LO CAPTABA ASÍ Y FUNCIONABA (pero tuve que implementar algunas validaciones con js)
CÓDIGO ANTERIOR (FUNCIONABA)

Código PHP:

  $final=”AQUÍ TENGO UN NUMERO DADO DE UNA CONSULTA”;
$acta="acta".$final;
move_uploaded_file ($_FILES['nomArch1'] ['tmp_name'], $destino . '/' . $_FILES ['nomArchi1'] ['name']);
$ruta1="doc/".$_FILES['nomArchi1'] ['name']; 
   

Ahora despues de meter mis datos en el js
Hice un echo para ver que me arrojaba , pero no se muestra nada

Código PHP:

  echo "Archivo 1".$nomArch1=$_POST['nomArch1']; 
   

Nota el input nombre si se pasa correctamente

Tengo que hacer algo "esoecial" para los inputs file???

Gracias por su tiempo

[Alexis88]

Para enviar archivos mediante Ajax, necesitas hacer uso del objeto FormData. Tienes que crear una instancia del mismo, añadir los datos a enviar, establecer un par de valores, y proceder con el envío.

Código Javascript:

//Creas la instancia del objeto
var data = new FormData();
 
//Le añades los datos a enviar
data.append("miNombre", $("#txtNombre").val());
data.append("miArchivo", $("#archivo")[0].files[0]);
 
//Estableces los valores necesarios en el método $.Ajax() y envías todo
$.ajax({
    url: "ejemplo.php",
    type: "post",
    data: data,
    processData: false,
    contentType: false
}).done(function(respuesta){
    //Aquí haces algo con la respuesta del servidor
});
 

También puedes añadir el formulario entero en una sola línea en lugar de añadir uno a uno los datos a enviar. Ambas formas son válidas:

Código Javascript:

var data = new FormData($("#idForm")[0]);
 

Recuerda que he utilizado datos de ejemplo. Tienes que adaptarlo a lo que tienes. En caso de dudas, revisa la información de los enlaces adjuntos más arriba.

NOTA: Este es un tema de jQuery (que también se puede resolver con Vanilla JavaScript [código JavaScript puro]), no de PHP.

[Briss]

Alexis88 muchas gracias he adecuado el código y por fin he podido guardar el valor de file.

Código:

 var formData = new formData(form);
        	
 formData.append('nomArch1[]',nomArch1);