Deseo enviar un input type="file" desde un form, para enviar todos los datos de mi formulario utilizo el formData, el cual creo desde cero para poder capturar cada uno de los datos que existe en mi formulario y recibirlo en una pagina php, en esta pagina puedo capturar todos los datos que estan en el formulario pero no logro capturar el archivo, tengo lo siguiente:
JS
Función donde creó el FormData:
function dataForm_Archivos(formulario){
var nuevoFormulario = new FormData();
$(formulario).find(':input').each(function() {
var elemento= this;
//Si recibe tipo archivo 'file'
if(elemento.type === 'file'){
if(elemento.value !== ''){
var file_data = $('input[type="file"]')[0].files;
for (var i = 0; i < file_data.length; i++) {
nuevoFormulario.append(elemento.name, file_data[i]);
}
}
}
}
}
función dónde llega el id del formulario y lo envió a través de ajax:
function registrarDocumentacion(formulario){
var datosForm = dataForm_Archivos(formulario);
var request = $.ajax({
contentType: false,
processData: false,
data: datosForm,
type: 'POST',
url: 'url',
beforeSend:function(){
}
});
request.done(function(datos) {
});
}
HTML
<form role="form" action='#?' id="registroDocumentacion" method="post">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label class="control-label">Adjuntar Archivo</label>
<input type="file" id="arcAdjunto" name="arcAdjunto" class="filestyle" placeholder="Asunto" onchange="validarArchivo('#arcAdjunto');">
<h5><small>Recuerde, los tipos de archivos permitidos son: png, gif, jpg, jpeg, docx, xls, xlsx, docs, pdf</small></h5>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-left m-t-20">
<button type="button" class="btn btn-primary waves-effect waves-light" id="enviarDoc" > Enviar <i class="fa fa-send" aria-hidden="true"></i> </button>
</div>
</div>
</form>
<script type="text/javascript">
$('#enviarDoc').click(function(event) {
registrarDocumentacion('#registroDocumentacion')
});
</script>
UPDATE
Logre hacerlo de esta manera
function dataForm_Archivos(formulario){
var nuevoFormulario = new FormData();
$(formulario).find(':input').each(function() {
var elemento= this;
//Si recibe tipo archivo 'file'
if(elemento.type === 'file'){
if(elemento.value !== ''){
for(var i=0; i< $('#'+elemento.id).prop("files").length; i++){
nuevoFormulario.append(elemento.name, $('#'+elemento.id).prop("files")[i]);
}
}
}
}
return nuevoFormulario;
}