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

인터넷 익스플로러에서 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>


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

'Development > Debug History' 카테고리의 다른 글

You don't have permission to access /  (0) 2014.02.17
파일업로드 - IE 에서 Script: Access Denied  (0) 2013.08.20

+ Recent posts