0

こんにちは、私は新しい 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」では機能しません。ご理解のとおり、クラス名で作業したいと思います。だからここで私を助けてください。

4

1 に答える 1

0

dom変更イベントをトリガーした入力要素を使用する必要があります。このオブジェクトはthis、変更ハンドラで参照されます。

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

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

    });
})

デモ:フィドル

于 2013-10-14T08:59:05.117 に答える