[JS, JQuery] input 파일 입력필드 초기화

input type="file" 필드를 초기화시켜야 하는 경우가 있다.

이때에는 아래와 같이 처리해주면 되겠다.

Chrome, FireFox일 시

$("#file1").val("");

IE일 시

$("#file1").replaceWith($("#file1").clone(true));

크로스브라우징을 위해서 코드를 예시로 짠다면 아래와 같이 짤 수 있겠다.

var agent = navigator.userAgent.toLowerCase();
//파일초기화
if ( (navigator.appName == 'Netscape' && navigator.userAgent.search('Trident') != -1) || (agent.indexOf("msie") != -1) ) {
    $("#file3").replaceWith($("#file3").clone(true));
}else{
    $("#file3").val("");
}

크로