javascript - 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);

    });
})

演示：小提琴