input type="file"의 accept 속성을 꽤 사용할 수 있다
<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/*">
이 경우,
이런 느낌으로 이미지 파일 이외는 그레이 아웃되었습니다.
트위터
Reference
이 문제에 관하여(input type="file"의 accept 속성을 꽤 사용할 수 있다), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/macky120307/items/ca4efdbd46c0f7f9987a
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<input type="file" accept=".pdf">
<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/*">
이 경우,
이런 느낌으로 이미지 파일 이외는 그레이 아웃되었습니다.
트위터
Reference
이 문제에 관하여(input type="file"의 accept 속성을 꽤 사용할 수 있다), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/macky120307/items/ca4efdbd46c0f7f9987a텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)