Discussion :

[micker]

hello a tous je cherche a faire un petit script javascript permettant de limité le nombre de fichier dans un input html5
le contexte :
il peut y avoir X champs input ayant des limitations différentes (les id et les name sont libres)
j'ai commencer a travailler sur un js que j'ai trouver et dont j'essai de m'inspiré ...
l'idée c'est d'avoir un attribut maxuploads="X" qui permette de mettre une limite distincte par champ
html

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<input type="file" name="micker[file_upload0][]" accept=".pdf" id="fileupload0" placeholder="Upload field2 mulitple" aria-label="Upload field2 mulitple" class="inputfile required invalid" multiple="" style="margin:0" maxuploads="2" aria-required="true" required="required" aria-invalid="true">
<input type="file" name="micker[monchamp14][]" accept=".pdf" id="monchamp14" placeholder="Chargement fichier" aria-label="Upload field2 mulitple" class="inputfile required invalid" multiple="" style="margin:0" maxuploads="10" aria-required="true" required="required" aria-invalid="true">

le js

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
jQuery(document).ready(function ($) {
var number_of_uploads;
$(".inputfile").change(function () {
   if (number_of_uploads > $(this).attr(maxuploads)) {
       alert('Your Message');
   }
   else {
       number_of_uploads = number_of_uploads + 1;
   }
});
});

Mais je n'y arrive pas ....
des idées ?
Merci

[micker]

petite avancé du code ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
jQuery(document).ready(function ($) {
            $("body").change(function () {
                var numFiles = $("input",this)[0].files.length;
                var maxuploads = $("input",this)[0].attr(\'data-maxuploads\').toString();
                alert(numFiles);
                if (numFiles > maxuploads ) {
                    alert(\'Your Message\');
                    }else {
                    maxuploads = maxuploads + 1;
                        }
                    });
            });
            });

mais j'ai cette erreur

Uncaught TypeError: Cannot read property 'length' of undefined