Hola a todos, tengo un problema a la hora de validar un array de imagenes, ya que los campos del form tienen el mismo nombre:
<input type=file name="images[]"><br>
<input type=file name="images[]"><br>
<input type=file name="images[]"><br>
<input type=file name="images[]"><br>
<input type=file name="images[]"><br>
<input type=file name="images[]"><br>
ya intenté con el siguiente código y solo me reconoce el primer archivo y además que en Internet Explorer la función GetElementsByName no funciona, por lo que no me sirve de nada:
images = document.getElementsByName('images[]');
for (var i in images)
{
if(images[i].value.length==0)
{return false;}
else if (/.(gif|jpeg|jpg|png)$/i.test(images[i].value))
{
return (true)
}
else
{
alert('Comprueba tus fotos. Recuerda que las imagenes deben ser en formato .jpg, .jpeg,.gif o .png.');
return false;
La verdad que ya no se como hacer para poder validar las imagenes que suban los usuarios, además que son campos no obligatorios, por lo que pueden estar vacios y esa función solo me tiene en cuenta hasta el primer archivo cargado, si el primero es correcto, no importa que extensión se cargue despues que la acepta igual y eso no me sirve.
De ante mano agradezco cualquier ayuda que me puedan dar.
Muchas gracias!!!!