html 파일 선택 대화 상자에 필터 만들기

Question

기본 파일 선택기 대화 상자에서 .xxx 파일 만 표시하는 방법이 있습니까? xxx는 abc, efg 등과 같이 알 수없는 파일 형식 일 수 있습니다.

저는이 유형의 것들을 새롭게 지원할 수 있도록 html5를 사용하고 있습니다.

감사합니다.

Answer 1

입력 요소 인 file에있는 HTML 5 accept attribute입니다. 예컨대 : 여기에 도착하고 다른 사람을 위해

<input type="file" accept=".doc,.docx,.xml,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document"> 

Answer 2

, 이들은 매우 편리합니다 미리 정의 된 설정은 다음과 같습니다

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