Contar quantidades de imagem por input file

Gostei da questão, nunca havia feito nada a respeito disso.

Pois sempre limitei o upload a um único arquivo de vez.

Enfim fiz algo assim: O usuário pode selecionar vários arquivos, se ele selecionar mais de 3 simplesmente redefino os arquivos selecionados no input, na verdade a função só irá pegar os 3 primeiros arquivos que ele selecionar e vai definir o valor do input com esses.

<input
id="exemplo"
multiple=""
type="file"
style="display: none"
accept="image/*" />

<label for="exemplo">Selecionar Imagens</label>

<script>
 var exemplo = document.getElementById('exemplo'),
 dataT = new DataTransfer();

 exemplo.addEventListener('change', function (e) {
 var alvo = e.target,
 selecionados = alvo.files;
 for (var i = 0; i < selecionados.length; i++) {
 if (i < 3) {
 dataT.items.add(selecionados[i]);
 alvo.nextElementSibling.innerHTML += ' ' + selecionados[i].name + '/';
 }
 }
 alvo.files = dataT.files;
 }, false);
</script>

	Acho que não precisaria lembrar, mas é bom...

	Você também terá que fazer uma verificação no servidor quando o usuário enviar os arquivos.

	E é muito simples, basta executar um loop com o laço **for **no array $_FILES do input, tudo índice que for maior que 3 você vai aplicando a função **unset** neles.

	 

	De qualquer forma pelo javascript quando estava fazendo esse simples exemplo pude perceber um leque de infinitas possibilidades para a situação, dar para fazer cada coisa bacana a respeito, porém requer scripts mais complexos e detalhados, não sendo viável para um simples post aqui no fórum.

Ola Omar perfeito mano,

questão dos input na verdade sera apenas um mesmo, fiz da forma la para poder entender da melhor forma o que estava precisando

pois a quantidade será feita conforma será o plano de cada usuario mesmo, mais da forma que tu montou ja me ajuda obrigado novamente