Heojju

[HTML] input type='file' accept 속성 본문

웹개발/HTML

[HTML] input type='file' accept 속성

우주별 2017. 9. 29. 13:14

▤ input type='file' accept속성

어떤 형식의 파일을 허용할 것인지 정해주는 속성입니다.

 속성값

설명 

file_extension

 - 파일 확장명(예:. gif,. jpg,. png,. doc)으로 시작하는 파일 확장명.

 - accept="application/msword" 식으로 사용가능.

audio/*

 - 오디오 파일을 허용.

video/*

 - 비디오 파일을 허용.

image/*

 - 이미지 파일을 허용.

media_type

 - 매개변수가 없는 유효한 미디어 유형. IANA Media Types 참고.


<input type="file" name"imgFile" accept="image/x-png,image/gif,image/jpeg">

위와 같이 지정하게 되면, 

위와 같이 사용자 지정 파일  이라는 형식으로 png,gif,jpeg 파일만을 보여줍니다. <크롬> 

브라우저마다 보이는 게 다릅니다.

어떤 값을 넣냐에 따라 이미지 파일 / 오디오 파일 / 동영상 파일 등으로 보이는 문구가 달라집니다.