Come si limita il numero di file caricati in html?

Question

Desidero limitare l'utente a selezionare fino a 6 file nel tag di input. Attualmente, il mio tag di input è simile al seguente:

<input type="file" name="question_pic" id="id_question_pic" multiple/> 

Vorrei limitare l'utente a selezionare fino a 6 file. Posso restituire un errore sul lato server, ma voglio che il lato client lo cambi prima.

C'è un modo per farlo?

Grazie.

Answer 1

È possibile utilizzare una funzione di jQuery come questo:

$('.fileinput').change(function(){ 
    if(this.files.length>10) 
     alert('Too many files') 
}); 
// Prevent submission if limit is exceeded. 
$('form').submit(function(){ 
    if(this.files.length>10) 
     return false; 
}); 

Answer 2

È possibile utilizzare jQuery o Javascript per che in questo modo:

<input type="file" name="question_pic" id="id_question_pic" max-uploads = 6/> 

Poi in jQuery si può fare questo come questo

Var number_of_uploads; 
$("#id_question_pic").change(function() { 
    if(number_of_uploads > $(this).attr(max-uploads)) 
    { 
    alert('Your Message'); 
    } 
    else 
    { 
    number_of_uploads = number_of_uploads + 1; 
    } 
}); 

È inoltre possibile eseguire questa operazione durante l'invio del modulo in cui si sta caricando il file. Ma se stai usando il caricamento Ajax, va bene, penso.