파일 업로드시 input 태그를 많이 사용

input 태그 accept 속성 사용하는 방법은?

<input accept="image/*" />
<input accept="video/*" />
<input accept="audio/*" />

<input accept=".txt, .doc, .docx" />
accept 속성값으로 아래와 같이 사용 가능합니다.
  • media_type
  • extension name
  • image/*, video/*, audio/*


UI에서 바로 해당 파일 목혹만 접근해주는 장점이 있음. 예를들어 이미지로 설정된 경우 탐색기 또는 모바일 파일검색시 이미지로 필터링이 적용됨...


위 속성은 IE 10 이상에서 가능합니다. 또한 HTML 4.01, HTML5의 값이 차이가 있습니다.