Hidden file upload with button and file select count
<script>
function total_files() {
var files = document.getElementById("upload_files").files;
jQuery('#files-selected').html(' Images selected for upload: ' + files.length);
}
</script>
<input type="hidden" name="upload_dir" id="upload_dir" />
<input type="file" name="upload_files[]" id="upload_files" multiple="multiple" style="display: none;" onchange="total_files();" />
<label for="upload_files" >Upload Images</label>
<span id="files-selected"></span>