Получить информацию с выбранных файлов
Когда выбираются файлы через элемент <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/
Авторизуйтесь, чтобы добавлять комментарии