[SOLUCIONADO] numero de imagenes en un input tipo file

[Ali_Jose]

Hola buenas tardes amigos, tengo una pregunta, tengo un input tipo file:

<input type="file" multiple="multiple" name="imagenes" />

quisiera saber si hay una forma de saber el numero de imágenes seleccionadas con javascript, ya que mi cliente quiere que se haga una restricción de 8 imágenes.

Gracias y saludos.

[Alexis88]

Podrías colocar un mensaje en el que se le advierta al usuario que solo debe de seleccionar ocho imágenes como máximo, luego, al lado del servidor llegará un array con dichos archivos, por lo que podrías tomar solo a los 8 primeros y subirlos, descartando los demás.

También tienes como opción del lado del cliente el plugin jQuery File Upload el cual posee una propiedad que permite establecer un límite.

Saludos

[IsaBelM]

quizás no he entendido bien lo que pretendes, arreglo a la respuesta de @Alexis88, pero si es tal y como yo lo entiendo es fácil controlar el número de archivos que se pueden subir a la vez

function contarImgs() {

document.getElementById('arch').addEventListener(' change', function() {

if (this.files.length >= this.getAttribute('maxImg')) {alert('demasiados archivos'); this.value = '';}
});
}

window.onload = contarImgs;

<input type="file" id="arch" size="20" multiple maxImg="8" />

[Alexis88]

Casualmente, estaba tratando ayer con algo similar a lo que IsaBelM expone, lo cual es válido, aunque creo que tendría que ser un pseudo-atributo en el que se establezca el límite que también podría ser dado en el mismo código JS.

De cualquier forma, no hay que olvidar establecer este límite en el lado del servidor.

Saludos

[IsaBelM]

@Alexis88 el pseudo atributo está

<input type="file" id="arch" size="20" multiple maxImg="8" />

@Ali_Jose en el servidor has de buscar esa directiva en el archivo php.ini.

[Alexis88]

Me refería a que no tiene la forma recomendada, es decir, data-*.

[IsaBelM]

Iniciado por Alexis88

Me refería a que no tiene la forma recomendada, es decir, data-*.

ha sido un lupsus como se puede ver aquí. sacrifiqué el uso del pseudo atributo con data-*, sin recordar que no es necesario acceder a él con dataset (no lo acepta ie11-). éste puede ser accedido con el método getAttribute()

[Ali_Jose]

Hola muchas gracias por responder ambos me han sido de mucha ayuda, ya logre resolverlo con la funcion contarImgs de IsaBelM pero utilice el data- en lugar de maxImg="8". Muchas gracias :D