如何在jQuery中处理input 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文件）。

Answer 1

演示：http://jsfiddle.net/NbGBj/

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

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

Answer 2

尝试使用此：

HTML：

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

的JavaScript：

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

Answer 3

它应该w奥克罚款，你打电话给$(document).ready()电话的代码？如果不使用或使用live即

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

下面是这个工作的jsFiddle反对的jQuery 1.4.4

Answer 4

这jsfiddle工作正常，我。

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

注：.delegate（）是jQuery的< 1.7最快的事件结合方法：event-binding methods

Answer 5

或者可能是：

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

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

Answer 6

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

您可以使用这其中也