Publicado em 22 de jul.

input file multiple com limite de arquivos

#javascript #desenvolvimento-frontend #input #multiple #type=file

Olá a todos!
*Não sei se essa questão seria nesta área se não for favor mover.
Mas vamos lá. Fiz um cadastro com um campo de upload:

Mas desta forma o pessoal pode selecionar a quantia de arquivos que quiser.

Queria saber se tem como limitar isso pra por exemplo "máximo de 10" arquivos.

Grato.

Discussão (1)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

L. Henrique· 25 de jul.

Anderson,

Não existe uma solução em HTML para esse problema. Quando você define que o input é multiple, então ele pode adicionar N arquivos. Para limitar, você precisaria de jQuery (client-side) ou PHP (server-side), já que eles serão os responsáveis pela validação da quantidade de arquivos que o usuário vai inserir.

Segue um exemplo:

$("button[type='submit']").click(function() {
 if ( parseInt($("input[type='file']").get(0).files.length) > 10 ) {
 alert("Você só pode dar upload de 10 arquivos por vez.");
 } else {
 // Continua o processo de envio.
 }
});

Abraços!