HTML5

첨부파일에 특정 확장자만 첨부하기

유호야 2021. 9. 3. 18:01
반응형

첨부파일에 특정 확장자만 첨부하려고 할 때

먼저 첨부파일을 첨부하려고 하면 모든 확장자가 조회되는 것이 아니라 

일부만 보이는 것을 본적이 있을 것이다.

그것이 바로 input 태그의 accept 속성을 이용한 것

pdf 파일만 보이게 하기

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

excel 파일만 보이게 하기

<input type="file" accept="application/vnd.ms-excel">

두 개 이상의 타입을 지정하고 싶을 때는 , 로 연결하면 된다.

<input type="file" accept="application/vnd.ms-excel, .pdf">

그 외의 궁금한 타입은 아래의 사이트에서 찾아보면 된다.

 

Media Types

 

www.iana.org

 

반응형

'HTML5' 카테고리의 다른 글

[HTML] label/input 태그 정리 (웹 접근성)  (0) 2021.10.26
종합 예제 2  (0) 2020.11.03
Chapter08 반응형 웹  (0) 2020.11.03
연습문제 8-5 반응형 웹  (0) 2020.11.03
chapter 07 다양한 레이아웃의 구성과 기능, 연습문제  (0) 2020.11.02