Получить информацию с выбранных файлов

Когда выбираются файлы через элемент <input type="file">, то эти файлы становятся доступны в массиве files (начиная с HTML 5).

function showFile(e) {
    var files = e.target.files;
    files[0].name; // имя файла
    files[0].type; // MIME-тип файла
    files[0].size; // размер файла в байтах
    files.length;  // количество выбранных элементов
}
 
document.querySelector("input").addEventListener("change", showFile);

Чтобы указать выборку нескольких файлов, надо к элементу <input> добавить атрибут multiple.

<input type="file" name="files[]" multiple>

Полный код выборки нескольких файлов:

var d = document;
var html = '';
var ifile = d.getElementById("file");
var result = d.getElementById("result");

ifile.onchange = function(){
    var file = ifile.files;
    var fileLength = file.length;
    
    html = "<strong>Выбранно файлов: " + fileLength + "</strong>";
    for (var i = 0; i < fileLength; i++) {
        html += "<p>" + file[i].name + " <span class='size'>(" + file[i].type + " — " + file[i].size + " байт)</span></p>";
    }
    result.innerHTML = html;
}

Пример кода: jsfiddle.net/v59vajdu/