Cómo manejar el evento onchange en el tipo de entrada = archivo en jQuery?

Question

El código es:

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

La siguiente funciona bien:

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

me gustaría conseguir este resultado usando jQuery, pero que no funciona:

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

Me falta algo? (Edit: Sí, lo perdió incluyen el * .js archivo.)

Answer 1

Demostración: http://jsfiddle.net/NbGBj/

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

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

Answer 2

intenta utilizar esto:

HTML:

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

JavaScript:

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

Answer 3

Debería w Bien, ¿está ajustando el código en una llamada $(document).ready()? Si no usar o usar que live decir

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

Aquí es un jsFiddle de este trabajo en contra de jQuery 1.4.4

Answer 4

Este jsfiddle funciona bien para mí.

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

Nota: .delegate() es el método más rápido vinculante eventos para jQuery < 1.7: event-binding methods

Answer 5

O podría ser:

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

Para ser específico: $('input[type=file]#fileUpload1').change(...

Answer 6

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

Usted puede usar este también