[Front end] Javascript 파일첨부 확장자 선택

 

<input type="file"> 태그에서 accept 속성을 사용하여 첨부하는 파일을 특정할 수 있다.

사용법은 특정 확장자를 지정하거나 미디어 타입을 지정하는 방법이 있다.

/* 특정 확장자 */
<input type="file" accept=".gif, .jpg, .png">

/* 모든 오디오, 비디오, 이미지 */
<input type="file" accept="audio/*">
<input type="file" accept="video/*">
<input type="file" accept="image/*">

/* 미디어 타입 */
<input type="file" accept="image/gif, image/jpeg, image/png">