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

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

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

 

 

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

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