만드는 방법 이 유형 만 수락 하시겠습니까?
업 로더는 다음 유형 만 허용하고 싶습니다.
- doc, docx.
- xls, xlsx.
- ppt, pptx.
- txt.
- pdf.
- 이미지 유형.
이것을 어떻게 달성 할 수 있습니까? accept속성 에 무엇을 입력해야 합니까? 당신의 도움을 주셔서 감사합니다.
편집하다!!!
한 가지 더 물어볼 것이 있습니다. 파일 선택에 사용할 팝업이 나타나면 오른쪽 아래 모서리에 모든 허용 파일이 포함 된 드롭 다운 목록이 있습니다. 제 경우에는 목록이 길 것입니다. 목록에라는 옵션이 All Supported Types있습니다. 기본적으로 선택하고 다른 모든 옵션을 제거하려면 어떻게해야합니까?
어떤 도움을 주시면 감사하겠습니다. 감사합니다.
accept속성 의 값은 HTML5 LC에 따라 쉼표로 구분 된 항목 목록입니다. 각 항목 image/gif은와 같은 특정 미디어 유형 이거나 image/*모든 image유형 을 참조하는 것과 같은 표기법 또는와 같은 파일 이름 확장자 .gif입니다. IE 10+ 및 Chrome은이 모든 기능을 지원하지만 Firefox는 확장 기능을 지원하지 않습니다. 따라서, 가장 안전한 방법은 사용하는 용지 종류 와 같은 및 표기법 image/*이 경우,
<input type="file" name="foo" accept=
"application/msword, application/vnd.ms-excel, application/vnd.ms-powerpoint,
text/plain, application/pdf, image/*">
의도를 올바르게 이해하면. 브라우저가 신뢰할 수있는 레지스트리에 지정된대로 정확히 미디어 유형 이름을 인식하지 못할 수 있으므로 일부 테스트가 필요합니다.
아래와 같이 사용
<input type="file" accept=".xlsx,.xls,image/*,.doc, .docx,.ppt, .pptx,.txt,.pdf" />
MIME_type이있는 accept 속성을 값으로 사용
<input type="file" accept="image/gif, image/jpeg" />
파워 포인트 및 pdf 파일 :
<html>
<input type="file" placeholder="Do you have a .ppt?" name="pptfile" id="pptfile" accept="application/pdf,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.slideshow,application/vnd.openxmlformats-officedocument.presentationml.presentation"/>
</html>
중요 업데이트 :
application / msword 만 사용하기 때문에 application / vnd.ms-excel, application / vnd.ms-powerpoint ...는 2003 MS 제품까지만 허용하며 최신 제품은 허용하지 않습니다. 나는 이것을 발견했다 :
application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.ms-powerpoint, application/vnd.openxmlformats-officedocument.presentationml.slideshow, application/vnd.openxmlformats-officedocument.presentationml.presentation
그리고 그것은 새로운 것을 포함합니다. 다른 파일의 경우 다음과 같이 파일에서 MIME TYPE을 검색 할 수 있습니다 (lang을 용서합니다) (MIME 목록 유형에는이 유형이 없습니다).
콘텐츠 유형을 선택 및 복사 할 수 있습니다.
로 W3 스쿨에 명시된 :
audio / *-모든 사운드 파일이 허용됩니다.
video / *-모든 비디오 파일이 허용됩니다.
image / *-모든 이미지 파일이 허용됩니다.
MIME_type-매개 변수가없는 유효한 MIME 유형입니다. 표준 MIME 유형의 전체 목록은 IANA MIME 유형을 참조하십시오.
이미지를 위해 이것을 쓰십시오
<input type=file accept="image/*">
다른 경우에는 양식의 accept 속성을 사용하여 브라우저에 특정 유형을 제한하도록 제안 할 수 있습니다. 그러나 서버 측 코드에서 다시 유효성을 검사하여 확인하는 것이 좋습니다. 클라이언트가 보내는 것을 절대 믿지 마십시오
참고 URL : https://stackoverflow.com/questions/17293861/how-to-make-input-type-file-accept-only-these-types
'Development Tip' 카테고리의 다른 글
| Windows 서비스의 전체 경로 가져 오기 (0) | 2020.12.09 |
|---|---|
| 정규 표현식으로 IPv4 주소 유효성 검사 (0) | 2020.12.09 |
| 변수를 항상 계산 결과와 같게 만들려면 어떻게해야합니까? (0) | 2020.12.09 |
| "std :: size_t"가 C ++에서 의미가 있습니까? (0) | 2020.12.09 |
| iOS에서 탐색 모음으로보기의 탭 모음을 숨기거나 표시하는 방법은 무엇입니까? (0) | 2020.12.09 |