Limite nombre de fichier input file
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:
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:
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
