<imput type=file>에 파일 형식 지정하기

 

 

파일을 업로드하는데 특정 파일 형식만 우선 보이게 해달라는 요청이 들어왔다.

항상 디폴트 형식으로 모든 파일을 보이게 했는데 처음적용해보는 속성이라 정리하게 되었다.

 

밑에 참고 사이트를 보면 더 정확하게 설명 되어있다.

파일에 형식을 넣어 우선적으로 보고싶다면 accept 속성을 사용하면 된다.

 

 

 

• 적용된 코드

<input
  type="file"
  accept=".pdf,.PDF"  //이런식으로 사용하면 된다!
  />

• 실행 결과

이런 식으로 pdf 파일들마 보인다! (다른 파일들도 많이 있다 ㅋㅋㅋ)

 

 

 

 

 

 

<참고 사이트>

https://developer.mozilla.org/ko/docs/Web/HTML/Element/input/file#attr-accept

- HTML: Hypertext Markup Language | MDN