hi all i m a beginner and i have a trouble, i'd like check multiple files size from input file and if it's too big do an alert.

I'm too bad, i don't know why that doesn't work :'(. If you could help a dumie ^^.

Check my input files with id "inputcontrol" and alert.

But nothing append!!!

Max Size 2000

Thks Guys :-) 

Below my html :

1. <span class="btn btn-primary" id="browse">
2.  Browse&hellip; <input type="file" style="display:none;" multiple id="inputcontrol" name="userfile[]">
3. </span>

2. $('input[type="file"]').change(function(){
3.     var imageSizeArr = 0;
4.     var imageSize = document.getElementById('inputcontrol');
5.                 var imageCount = imageSize.files.length;
6.                 for (var i = 0; i < imageSize.files.length; i++)
7.                 {
8.                     var imageSize = imageSize.files[i].size;
9.                         if (imageSize > 2000) {
10.                             var imageSizeArr = 1;
11.                         }
12.                     if (imageSizeArr == 1)
13.                     {
14. alert("too big");
15.                     }
16.                     else if (imageSizeArr == 0)
17.                     {
18. alert("not too big");
19.                     }
20.                 }
21.  });