max file & extension

counter selected files, return file name and file extension.

by slawe

HTML

<input type="file" id="uploadFile" multiple />
<div id="input-text"></div>

JavaScript

var input = document.getElementById('uploadFile');
//alert(input);
input.addEventListener('change', function(){
    var files = document.getElementById("uploadFile").files;
var div = document.getElementById("input-text");
    
    if(files.length > 5){
        alert('puno je brate mili!!!!!!!!');
        div.innerHTML = 'selected ' + files.length;
        input.value = '';
    }else{
        div.innerHTML = 'selected ' + files.length;
        checkFile();
    
        for (var i = 0; i < files.length; i++) {
            alert(files[i].name);
        }
    }
}, false);


function checkFile() {
        var fileElement = document.getElementById("uploadFile");
        var fileExtension = "";
        if (fileElement.value.lastIndexOf(".") > 0) {
            fileExtension = fileElement.value.substring(fileElement.value.lastIndexOf(".") + 1, fileElement.value.length);
        }
        if (fileExtension == "png") {
            return true;
        }
        else {
            alert("You must select a PNG file for upload");
            return false;
        }
    }