2009. 8. 19. 18:14
Programming(Web)/JAVASCRIPT
http://hoooow.tistory.com/entry/input-typefile-값-reset-하기
다중업로드 게시판을 만드는 중에 input type="file"의 버튼을 눌러 파일을 첨부하면
onChange 이벤트로 자동 업로드를 하고 결과를 바로 밑에 div에 보여주는 방식이였다.
헌데 업로드 후 똑같은 파일을 또 업로드 하려고 하면 전에 입력한 파일과 같은 값이니
onChange이벤트가 발생하지 않아 type="file"의 값을 초기화 시키기로 했다.
처음에는 file 폼만 값을 초기화 시키려고
document.fileForm.userfile.value = "";
했는데, 이 방법은 FF에서는 잘되지만 IE에서는 되지 않았다.
그래서 이번엔 위의 블로그를 보고
document.getElementById("userfile").select();
document.selection.clear();
이렇게 바꿔보았더니 IE에서는 되지만 FF에서는 document.selection이 뭐냐고하며 안됬다.
또한 IE에서도 잘되긴 하지만 select로 focus가 간다음 값을 바꿔서 그런지
onChange이벤트가 일어나서 쓰기 힘들었다.
결국 어떻게 할까 고민하다가 생각해보니 해당 form 태그 안에 input이 type="file" 하나밖에 없다는걸
깨달았고 (ㅠㅠ) 그냥 form.reset(); 으로 해결했다. (...)
'Programming(Web) > JAVASCRIPT' 카테고리의 다른 글
| [JS] onmousedown, 그 외 기타 event firefox처리 (0) | 2009.09.18 |
|---|---|
| [JS] 유용한 공통함수 (0) | 2009.09.16 |
| [DOM] DOM을 이용한 CSS 스타일 적용 (0) | 2009.09.08 |
| [AJAX] AJAX를 이용한 Naver 키워드 검색 효과 구현 (0) | 2009.09.01 |
| [AJAX] 웹 개발자, 웹 디자이너를 위한 16가지의 자바 스크립트 / Ajax 효과 (0) | 2009.08.13 |