파일업로드 - IE 에서 Script: Access Denied

파일업로드 요소를 다르게 일반 버튼 요소에 클릭이벤트를 적용하고 파일요소에 다시 클릭이벤트를 바인딩하니,

인터넷 익스플로러에서 Access Denied 오류가 발생한다.;;

이벤트까지는 우회하여 작동까지는 하여도, 서브밋시에 또다시 접근 오류가 발생한다.

인터넷 익스플로러에서 보안적인 이유로 허용하지 않는 것 같다.

해서 구글링하니 span 이나 div 등 블럭요소로 파일요소를 포함시키고 파일요소의 투명값을 조정하여,

이벤트발생을 살짝 위장(?) 시키는 것이었다.

해서 해결은 되었지만.. 기분이 쪼오금은 찝찝..

CSS

.upload-btn {

   display:block; width:30px; height:30px; background:url('img') no-repeat left top;

}

.upload-btn input { opacity:0; }

HTML

<span class="upload-btn"><input type="file" name="up_file" id="up_file" value="" /></span>

보다 나은 방법이 있으신분들 댓글 부탁드립니다.^^