HTML File Input 속성별 브라우저 동작 데모
이 페이지는 input[type="file"]의 다양한 속성에 따라 데모 기기(PC, 모바일, 브라우저 종류)가 어떻게 다르게 반응하는지 실시간으로 확인하는 데모입니다.
🛠️ 테스트할 속성 선택
0. 기본 케이스 (순수 HTML 상태)
1. accept 속성 (특정 파일 포맷/미디어 제한)
2. capture 속성 (모바일 기기 카메라/마이크 직접 연동)
3. 다중 선택 및 폴더 선택 속성
🖥️ 실시간 데모 실행 결과
📦 아무 속성 없는 기본 상태 (`input type="file"`)
💡 시스템 표준 파일 탐색기가 열립니다. 제한이 없으므로 이미지, 문서, 오디오 등 어떤 파일이든 선택이 가능하고 기본적으로 단일 파일만 선택할 수 있습니다.
📊 현재 선택된 파일 데이터 구조 (event.target.files)
선택한 속성에 따라 브라우저가 넘겨준 파일 객체 리스트입니다.
아직 선택된 파일이 없거나 브라우저에서 파일 데이터를 받아오지 못했습니다.