파일에 이벤트를 발생하는 방법을

Question

내가

<form onSubmit="return disableForm(this);" action="upload.php" method="post" name="f" id="wizecho" enctype="multipart/form-data"> 
    <input type="file" name="file" /> 
    <button onClick="return disableForm(this),ajaxUpload(this.form,'wizecho_upload.php', '&lt;br&gt;Uploading image please wait.....&lt;br&gt;'); return false;"> 
     Upload Image 
    </button> 
</form> 

그것은 이미지를 업로드하는 등의 양식을했습니다 선택합니다.

여기 이미지를 업로드하려면 버튼을 클릭해야하며 onClick 이벤트를 사용해야합니다. 업로드 버튼을 제거하고 싶을 때 입력에서 파일을 선택하자 마자 이벤트를 실행하고 싶습니다. 어떻게해야합니까 ?? 당신은 입력 필드의 onchange를 이벤트를 구독 할 수

Answer 1

는 파일 입력에 변경 이벤트를 사용합니다.

$("#file").change(function(){ 
     //submit the form here 
}); 

Answer 2

: 다음

<input type="file" id="file" name="file" /> 

과 :

document.getElementById('file').onchange = function() { 
    // fire the upload here 
}; 

Answer 3

위의 질문은 수락 대답의 의견에서 위의 크리스토퍼 토마스의 우려를 해결할 더 새로운 질문입니다. 페이지에서 다른 곳으로 이동 한 다음 두 번째 파일을 선택하려면 누르거나 터치 스타트 (모바일 용) 할 때 값을 지워야합니다. 이 페이지에서 멀리 이동하여 사용하는 경우 아래에서도 작동 JQuery와 :

당신이 가지고 @applecrusher, 동일한 파일을 두 번 선택에 대한 염려되는 경우

//the HTML 
<input type="file" id="file" name="file" /> 



//the JavaScript 

/*resets the value to address navigating away from the page 
and choosing to upload the same file */ 

$('#file').on('click touchstart' , function(){ 
    $(this).val(''); 
}); 


//Trigger now when you have selected any file 
$("#file").change(function(e) { 

}