Validar tipos de archivos antes de subiros al servidor

[andre___5025]

Buen dia amigos, tengo un script para subir archivos el cual el usuario puede añadir o eliminar campos tipo="file" en caso de que no se sabe cuantos archivos desea subir.
Tengo otro script para validar cuales tipos de archivos se deben adjuntar, funciona muy bien cuando se esta utilizando el primer campo tipo file pero cuando se va a hacer en el segundo en adelante la validacion de tipod de archivos se pierde y ya no se ejecuta este script. Alguien me puede ayudar por favor en guiarme en donde estoy fallando, se lo agradeceria mucho.

Script que agrega o elimina dinamicamente los campos tipo file:

Código Javascript:

<script type="text/javascript"> 
var numero = 0;  
evento = function (evt) {  
return (!evt) ? event : evt; 
} 
addCampo = function () {  
nDiv = document.createElement('div');  
nDiv.className = 'archivo'; 
nDiv.id = 'file' + (++numero);  
nCampo = document.createElement('input'); 
nCampo.name = 'archivos[]';  
nCampo.type = 'file';  
a = document.createElement('a');  
a.name = nDiv.id;  
a.href = '#';  
a.onclick = elimCamp;  
a.innerHTML = 'Eliminar'; 
nDiv.appendChild(nCampo);  
nDiv.appendChild(a); 
container = document.getElementById('adjuntos'); 
container.appendChild(nDiv); 
}  
elimCamp = function (evt){ 
evt = evento(evt); 
nCampo = rObj(evt); 
div = document.getElementById(nCampo.name); 
div.parentNode.removeChild(div); 
}  
rObj = function (evt) { 
return evt.srcElement ? evt.srcElement : evt.target; 
} 
</script>
 

Script que valida el tipo de archivo permitido a adjuntar:

Código Javascript:

<script type="text/javascript">
            function validar(f) {
                enviar = /\.(jpg|pdf)$/i.test(f.archivos.value);
                if (!enviar)    alert("seleccione imagen");
                return enviar;
            }
 
            function limpiar()  {
                f = document.getElementById("archivos[]");
                nuevoFile = document.createElement("input");
                nuevoFile.id = f.id;
                nuevoFile.type = "file";
                nuevoFile.name = "archivos[]";
                nuevoFile.value = "";
                nuevoFile.onchange = f.onchange;
                nodoPadre = f.parentNode;
                nodoSiguiente = f.nextSibling;
                nodoPadre.removeChild(f);
                (nodoSiguiente == null) ? nodoPadre.appendChild(nuevoFile):
                    nodoPadre.insertBefore(nuevoFile, nodoSiguiente);
            }
            
            function checkear(f)    {
                function no_prever() {
                    alert("El formato del archivo no es valido. Adjunte archivos con extension .(JPG,PDF)");
                    limpiar();
                }
                (/\.(jpg|pdf)$/i.test(f.value)) ? prever() : no_prever();
            }
        </script>
 

Campo tipo file que se muestra inicialmente para adjuntar archivos:

Código HTML:

<form name="formu" id="formu" method="post" enctype="multipart/form-data"> 
<dl> 
<dt><label>Archivos a Subir:</label></dt>  
<dd><div id="adjuntos"> 
<input type="file" name="archivos[]" id="archivos[]" onchange="checkear(this)"><br /> 
</div></dd> 
<dt><a href="#" onClick="addCampo()">Subir otro archivo</a></dt> 
<dd><br><input type="submit" value="Enviar" id="enviar" name="enviar" /></dd> 
</dl> 
</form>
 

[Alexis88]

En tu lugar, usaría la propiedad multiple para subir varios archivos a la vez y al llegar un array de estos al lado del servidor, simplemente lo recorro y valido cada archivo.

Saludos

P.D.: No olvides que también puedes usar la propiedad accept, aunque, a fin de cuentas, la validación más importante se debe de realizar en el lado del servidor.

[andre___5025]

Amigo alexis, gracias por tu respuesta, pero no, en realidad debo hacerlo como pienso pero no se que me falta hacer en el script para que me valide todos. Gracias.

[Alexis88]

Solo por curiosidad, ¿por qué no optas por la otra forma que es más sencilla y te dará el mismo resultado?

[andre___5025]

Por requerimientos solicitados por la persona que me asesora en la tesis de la universidad

[Alexis88]

¿En dónde está la función prever? Además, no es necesario que coloques una función dentro de otra, puede estar afuera y ser convocada desde cualquier parte del código.

Saludos