Comment limiter le nombre maximum de fichiers choisis lors de l'utilisation de l'entrée de fichiers multiples ?

Question

Lorsque vous utilisez <input type="file" multiple> il est possible pour l'utilisateur de choisir plusieurs fichiers.

Comment peut-on fixer une limite au nombre de fichiers pouvant être choisis, par exemple deux ?

Answer 1

Vous devriez également envisager d'utiliser des bibliothèques pour ce faire : elles permettent de limiter et bien plus encore :

• FineUploader . Démo en utilisant validation.itemLimit à partir de 5.16.2 :

  var restrictedUploader = new qq.FineUploader({
      validation: {
          itemLimit: 3,
      }
  });

• Le plugin de téléchargement de fichiers jQuery de bluimp . Utilisation : jquery file upload limitant le nombre de fichiers en utilisant maxNumberOfFiles à partir de la version 9.22.0 :

  $('#fileuploadbasic').fileupload({
    maxNumberOfFiles: 6
  });

Ils sont également disponibles à l'adresse suivante https://cdnjs.com/

Answer 2

Utilisez deux <input type=file> à la place, sans les éléments multiple attribut.

Answer 3

Si vous voulez php, vous pouvez compter le tableau et juste faire une déclaration if. comme

if((int)count($_FILES['i_dont_know_whats_coming_next'] > 2)
      echo "error message";