Upload only 10 files

by magizter

HTML

<form name="uploadform" enctype="multipart/form-data" action="#" method="post">
<input name="userfile[1]" type="file" id="upldFile"  multiple="true">

<p>
A CTRL billentyűt lenyomva egyszerre 10 fájl is felküldhető
</p>


<input type="submit" name="sendbutton" value="Képfeltöltés" id="uploadclick" OnClick="check(); return;">
</form>

JavaScript

// Upload only 10 files
$(function(){
    $("#uploadclick").click(function(){
        var $fileUpload = $("input[type='file']");
        if (parseInt($fileUpload.get(0).files.length)>10){
         event.preventDefault();
         alert("Maximum 10 darab fájlt tölthetsz fel");
         
         }else{
         
         $("body").addClass("loading");
         
        }
    });    
});

// suffix check
 function check() {
		file = document.getElementById("upldFile");
    for (var i = 0; i < file.files.length; i++) {
			CheckEnds(file.files[i].name);
      }            
}

function CheckEnds(fileName) {
var ext = fileName.substring(fileName.lastIndexOf('.') + 1);
if(ext == "gif" || ext == "GIF" || ext == "JPEG" || ext == "jpeg" || ext == "jpg" || ext == "JPG" || ext == "doc")
{
return true;
} 
else
{
alert("Csak GIF vagy JPG képeket tölts fel");
fup.focus();
return false;
}
}