javascript - jQueryの入力type=fileでonchangeイベントを処理するにはどうすればよいですか？

Question

コードは次のとおりです。

<input ID="fileUpload1" runat="server" type="file"

以下は正常に機能します。

<input onchange="javascript:alert('hola');" ID="fileUpload1"  runat="server" type="file"

jQueryを使用してこの結果を取得したいのですが、機能しません。

$('#fileUpload1').change(function (e) {
    alert("hola");
});

私は何かが足りないのですか？（編集：はい、*。jsファイルを含めることができませんでした。）

score 119 · Accepted Answer

$("document").ready(function(){

    $("#upload").change(function() {
        alert('changed!');
    });
});

score 12 · Accepted Answer

または可能性があります：

$('input[type=file]').change(function () {
    alert("hola");
});

具体的には：$('input[type=file]#fileUpload1').change(...

score 4 · Accepted Answer

それはうまくいくはずです、あなたは$(document).ready()呼び出しでコードをラップしていますか？それを使用しない場合、または使用するlive場合

$('#fileupload1').live('change', function(){ 
    alert("hola");
});

これは、jQuery1.4.4に対して機能するこのjsFiddleです。

score 4 · Accepted Answer

This jsfiddle works fine for me.

$(document).delegate(':file', 'change', function() {
    console.log(this);
});

Note: .delegate() is the fastest event-binding method for jQuery < 1.7: event-binding methods

score 2 · Accepted Answer

これを使用してみてください：

HTML：

<input ID="fileUpload1" runat="server" type="file">

JavaScript：

$("#fileUpload1").on('change',function() {
    alert('Works!!');
});

</ p>

score 2 · Accepted Answer

 $('#fileupload').bind('change', function (e) { //dynamic property binding
alert('hello');// message you want to display
});

これも使えます

6 に答える 6