Come gestire l'evento onchange sul tipo di input = file in jQuery?

Question

Il codice è:

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

Il seguente funziona bene:

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

Mi piacerebbe ottenere questo risultato utilizzando jQuery, ma che non funziona:

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

Mi manca qualcosa? (Edit: Sì ho perso includono il * .js file.)

Answer 1

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

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

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

Answer 2

tenta di utilizzare questo:

HTML:

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

JavaScript:

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

Answer 3

Dovrebbe essere ok, stai avvolgendo il codice in una chiamata $(document).ready()? Se non utilizzare tale o utilizzare live cioè

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

Ecco una jsFiddle di questo lavoro contro jQuery 1.4.4

Answer 4

Questo jsfiddle funziona bene per me.

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

Nota: .delegate() è il metodo più veloce vincolante evento per jQuery < 1.7: event-binding methods

Answer 5

Oppure potrebbe essere:

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

Per essere precisi: $('input[type=file]#fileUpload1').change(...

Answer 6

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

È possibile utilizzare anche questo