230823) input type="file"로 사용 시 특정 형식 파일만 업로드 할 수 있게 하는 방법

input 을 file이라는 타입으로 이용할 때, 특정 파일 형식만 업로드 가능하게 하려고 하면 아래처럼 accept 를 넣어주고, "" 안에 파일 형식명을 넣어주기만 하면 된다.

 

ex)

<input type="file" accepth=".jpg, .png"></input>

참고로 input 태그의 모양이 싫은 경우에는 input 태그를 스타일 작업하는데 여러가지 제약이 따르는 경우가 꽤 많기 때문에 input태그와 span 태그를 하나의 div에 묶고, input태그를 display: none 처리를 한 뒤 span 태그를 버튼 모양으로 만들어서 span 태그의 모양을 누르면 input 태그가 눌리는 것과 같은 일종의 사기(?) 효과를 줄 수 있다...

 

 

---

 

 

오늘도 잘 해냈다!