Input FileUpload files 속성

HTML DOM Input 파일 업로드 객체

정의와 사용법

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 객체는 선택된 파일을 대표합니다.

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 10.0 지원 지원 지원

HTML DOM Input 파일 업로드 객체