input type="file" 의 value값 초기화 시키기 > script

file 타입의 input태그는 readOnly 속성이기 때문에 value 속성에 사용자가 임으로 값을 넣을수가 없습니다. 때문에 초기화하고자 할경우 document.file.value = "";처럼 사용하실수가 없겠죠.

이럴때 유용한 방법이 되겠네요... 

<form>
    <input type="text" name="txtName"><br>
    <input type="file" name="upload"><br>
     <input type="file" name="upload"><br>
    <input type="button" value=삭제 onclick="fileReset(this.form);">
    <input type="button" value=확인 onclick="alert(this.form.upload.value);">
</form>

<script language="JavaScript">
<!--
    function fileReset( form )
    {
        //form.upload.select();   //upload라는 name을 가진 컨트롤 모두 선택됨.

       //upload이름을 가진 컨트롤이 많은경우 그중에 하나만 초기화...

       var files = document.getElementsByName("upload");
       files[0].select(); // 첫번째 선택

       //선택된 컨트롤의 값 모두 삭제
       document.selection.clear; 

       // or document.execCommand('Delete');

       // 단,  같은 메서드안에서 위코드 이후에 form.submit()사용시 "액세스 거부"에러 발생. 

       // 참고로 form안에 있는 모든 컨트롤의 값을 초기화할때

       // form.reset 대신에  document.selection.empty;를 사용해도 같은효과가 나네요.

    }
//-->
</script>