Свойство files элемента Input FileUpload

Объект FileUpload DOM Input HTML

Определение и использование

files Свойство возвращает объект FileList, представляющий один или несколько файлов, выбранных с помощью кнопки загрузки файлов.

Через объект FileList можно получить имя, размер и содержимое файла.

Эта свойство только для чтения.

Пример

Используйте кнопку загрузки файлов, чтобы выбрать один или несколько файлов и показать информацию о выбранных файлах:

var x = document.getElementById("myFile");
var txt = "";
if ('files' in x) {
  if (x.files.length == 0) {
    txt = "Выберите один или несколько файлов.";
  } else {
    for (var i = 0; i < x.files.length; i++) {
      txt += "<br><strong>" + (i+1) + ". файл</strong><br>;"
      var file = x.files[i];
      if ('name' in file) {
        txt += "Название: " + file.name + "<br>;"
      }
      if ('size' in file) {
        txt += "Размер: " + file.size + " байт <br>;"
      }
    }
  }
} 
document.getElementById("demo").innerHTML = txt;

Попробуйте сами

Синтаксис

fileuploadObject.files

Технические детали

Возврат значения: Объект FileList represents the selected files.

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка 10.0 Поддержка Поддержка Поддержка

Объект FileUpload DOM Input HTML