<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Input type=file</title>
</head>
<body>
<label for="">
<span>Прикрепить фото</span>
<span>(</span><span id="dinamic_number">0</span><span>/</span><span>4</span><span>)</span>
</label>
<input id="inputfile" type="file" multiple="multiple">
<script src="jquery.min.js"></script>
<script>
var fileInput = document.getElementById("inputfile");
$(fileInput).change(function(){
var files = fileInput.files;
var i;
for (i=0; i<=files.length; i++);
var length = i-1;
var dinamic_number = document.getElementById("dinamic_number");
if (length>0){
console.log(length)
$(dinamic_number).find(length);
}
});
</script>
</body>
</html>
var fileInput = $('#inputfile');
var dinamicNumber = $('#dinamic_number');
fileInput.change(function(){
var length = fileInput[0].files.length;
if (length > 4) {
fileInput.val('');
length = 0;
alert('Не больше 4 файлов');
}
dinamicNumber.text(length);
});files.length и есть то самое количество. Так же можно выполнять поиск элементов страницы сразу на jQuery, раз уж он подключен.
Простой
