오랜만의 투고가 되어 버렸습니다. .
<input type="file"> 에 accept 속성이라고 하는 것이 존재하는 것 같다.
확장자 또는 MIME을 설정하여 선택할 수 있는 파일 형식을 제한할 수 있습니다.

HTML 문서

사용 예

pdf 파일만

<input type="file" accept=".pdf">

psd 파일 또는 ai 파일만

<input type="file" accept=".psd,.ai">

이런 느낌으로 복수 지정을 할 수 있습니다

이미지 파일만

<input type="file" accept="image/*">

나는 지금까지 거의 이것을 사용하지 않는다.

동영상 파일만

<input type="file" accept="video/*">

음성 파일만

<input type="file" accept="audio/*">

결과

<input type="file" accept="image/*">

이 경우,

이런 느낌으로 이미지 파일 이외는 그레이 아웃되었습니다.

트위터