HTML input type 및 attributes 확장으로 HTML만으로 구현 가능한 것이 계속 늘고 있습니다.

이번에 소개할 것은 accept input 속성입니다.

이것을 활용하면 첨부파일에 특정 파일 양식만 가능하도록 지정할 수 있습니다.

<input type="file" name="file" accept=".jpg,.jpeg,.bmp,.png,.gif">

mime/media 유형을 같이 적용하면,

<input type="file" id="img" name="img" accept="image/*">

이미지 뿐만 아니라 다른 확장자도 지정할 수 있습니다. (이미지, 오디오, 비디오, 워드 등)

<input type="file" accept="file_extension|audio/*|video/*|image/*|media_type">