내가 한 노력들

[ Javascript ] input : file에서 버튼만 보이게 하고 싶은 경우 본문

IT 공부/Javascript

[ Javascript ] input : file에서 버튼만 보이게 하고 싶은 경우

JONGI-N CHOI 2022. 3. 23. 19:06

원래 input 의 file 타입을 보면, 사진 처럼 되어있습니다. 

이번에 만들어 볼려고 하는 것은, 위와 같은 UI를 버튼 하나로 변경해볼려고 합니다. 

 

 

<input type="file" id="selectedFile" style="display: none;" />
<input type="button" value="파일추가" onclick="document.getElementById('selectedFile').click();" />

위의 코드를 입력하게 되면, 버튼 하나만 보이게되고 버튼을 클릭했을 때 input file이 클릭 되었을 때랑 동일한 기능이 실행됩니다. 

'IT 공부 > Javascript' 카테고리의 다른 글

[ CSS + JS ] 좌우 스크롤이 가능한 테이블 만들기 (컬럼 고정)  (0) 2022.12.07
[ Javascript ] Select / Option에서 현재 선택된 Option 값  (0) 2022.06.22
[ JavaScript ] NodeList의 각 요소들에 addEventListener 적용하기  (0) 2022.03.06
[ JavaScript ] input 타입 (text, checkbox, select, ... 등 ) value값을 얻고, 속성 추가하기  (0) 2022.02.16
[ React ] CRUD - Delete 구현  (0) 2022.01.16
'IT 공부/Javascript' Related Articles more