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>

在上面的代碼中，一切正常（顯示為對象）。 用於變量'file'....但不適用於'file2'。 如您所知，我想使用類名。 所以請在這里幫助我。

Answer 1

您需要使用觸發更改事件的dom輸入元素，此對象在更改處理程序中由this對象引用

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

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

    });
})

演示： 小提琴