dosya üzerinde olayı nasıl

Question

Ben

<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> 

O bir resim yüklemek için olduğu gibi bir form ettik seçin.

Burada görüntü yüklemek için butonuna tıklayın gerekiyor ve onClick etkinliği kullanmak ettik. Yükleme düğmesini kaldırmak istiyorum ve girişte dosya seçildiğinde, olayı başlatmak istiyorum. Bunu nasıl yaparım?? Sen girişi alanına onchange olay için abone olabilir

Answer 1

dosya girişi değişim olayı kullanın.

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

Answer 2

: o zaman

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

ve:

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

Answer 3

Bu kabul cevabım yorumlarda yukarıda @Christopher Thomas'ın endişelerini ele alacak yeni bir cevap gerekiyor eski bir sorudur. Sayfadan uzaklaşmak ve dosyayı ikinci kez seçmek için, dokunma hareketini tıkladığınızda veya yaptığınızda (mobil için) değeri silmeniz gerekir. Eğer sayfadan ayrılırsanız ve kullandığında aşağıda bile çalışacak jQuery:

sen sahip @applecrusher, iki kez aynı dosyayı seçtikten ilgili endişeleriniz varsa

//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) { 

}