Làm thế nào để xử lý sự kiện onchange trên input type = file trong jQuery?

Question

Mã này là:

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

Sau đây hoạt động tốt:

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

Tôi muốn để có được kết quả này sử dụng jQuery, nhưng điều đó không làm việc:

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

Tôi đang thiếu cái gì đó? (Edit: Vâng tôi đã bỏ lỡ bao gồm các file * .js.)

Answer 1

Demo: http://jsfiddle.net/NbGBj/

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

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

Answer 2

Cố gắng sử dụng này:

HTML:

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

JavaScript:

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

Answer 3

Nó phải là w Ork tốt, bạn đang gói mã trong một cuộc gọi $(document).ready()? Nếu không sử dụng hoặc sử dụng live ví dụ:

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

Đây là một jsFiddle của công tác này đối với jQuery 1.4.4

Answer 4

jsfiddle này hoạt động tốt đối với tôi.

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

Lưu ý: .delegate() là phương pháp event-binding nhanh nhất cho jQuery < 1.7: event-binding methods

Answer 5

Hoặc có thể là:

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

Để cụ thể: $('input[type=file]#fileUpload1').change(...

Answer 6

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

Bạn có thể sử dụng một trong này cũng