자바스크립트 - input type=file 이미지 버튼으로 교체하기

<input type="file"> 사용시 이미지 버튼으로 교체하는 방법

<script type="text/javascript">

function setPath(obj,id){

  document.getElementById(id).value = obj.value;

}

</script>

<input id="visualFileBox" readonly="readonly" style="width:232px;" />

<span id="btnFileUpload" style="position:absolute; width:83px; height:21px; overflow:hidden;">

     <input type="file" id="image" name="image" onchange="setPath(this, 'visualFileBox');"

style="position: absolute; right: 0; top: 0; filter: alpha(opacity = 0); cursor: pointer;" />

     <img id="btnImage" src="이미지경로" style="margin:3px 0 3px 0; vertical-align:bottom;" />

</span>