Javascript選擇器

Question

嗨，我是一個新的JavaScript程序員。有一個愚蠢的問題。我搜索無處不在，我想我知道這一切，但沒有明確的，這就是爲什麼代碼不能正常工作....我的代碼如下

<input class = "ban_image_new uploadImage" id="uploadImage" type="file" accept="image/jpeg" name="userfile" /> 
<input class = "ban_image_new uploadImage" id="uploadImage2" type="file" accept="image/jpeg" name="userfile" /> 
<input class = "ban_image_new uploadImage" id="uploadImage2" type="file" accept="image/jpeg" name="userfile" /> 
<script> 
$(".uploadImage").change(function(){ 

    var file = document.getElementById("uploadImage").files[0];  
    // var file2 = $(this).files[0]; 
    alert(file); 

    }); 

</script> 

鑑於上面的代碼一切工作正常（如顯示對象）。對於變量'文件'....但不適用於'文件2'。正如你所理解的，我想使用類名稱。所以請在這裏幫助我。

Answer 1

你需要使用哪個觸發更改事件的dom輸入元素，這個目的是通過this在更改處理簡稱

//dom ready handler 
jQuery(function($){ 
    $(".uploadImage").change(function() { 

     var file = this.files[0]; 
     // var file2 = $(this).files[0]; 
     alert(file); 

    }); 
}) 

演示：Fiddle