jQuery change method on input type = "file"

Question

Sto provando ad abbracciare jQuery al 100% con la sua semplice ed elegante API ma ho incontrato un'incoerenza tra l'API e l'HTML lineare che non riesco risolvere.

Ho uno script di caricamento file AJAX (che funziona correttamente) che voglio eseguire ogni volta che cambia il valore di input del file. Ecco il mio codice di lavoro:

<input type="file" size="45" name="imageFile" id="imageFile" onchange="uploadFile()"> 

Quando converto l'evento onchange ad un'implementazione jQuery:

$('#imageFile').change(function(){ uploadFile(); }); 

il risultato non è lo stesso. Con l'attributo onchange la funzione uploadFile() viene richiamata ogni volta che il valore viene modificato come previsto. Ma con il gestore di eventi jQuery API .change(), l'evento scatta solo la prima volta che un valore cambia. Qualsiasi variazione di valore dopo viene ignorata. Questo mi sembra sbagliato ma sicuramente non può essere una svista da parte di jQuery, giusto?

Qualcun altro ha riscontrato lo stesso problema e avete una soluzione alternativa o una soluzione al problema diversa da quella che ho descritto sopra?

Answer 1

è l'uploader Ajax che aggiorna l'elemento di input? se è così si dovrebbe prendere in considerazione l'utilizzo del metodo .live().

$('#imageFile').live('change', function(){ uploadFile(); }); 

aggiornamento:

da jQuery 1.7+ si dovrebbe usare ora .on()

$(parent_element_selector_here or document).on('change','#imageFile' , function(){ uploadFile(); }); 

Answer 2

non ho potuto ottenere IE8 + per funzionare con l'aggiunta di un gestore di eventi jQuery per il tipo di ingresso di file . Ho dovuto andare vecchia scuola e aggiungere l'attributo della onchange="" al tag input:

<input type='file' onchange='getFilename(this)'/> 

function getFileName(elm) { 
    var fn = $(elm).val(); 
    .... 
} 

Answer 3

Come di jQuery 1.7, il metodo .Live() è deprecato. Usa .on() per allegare gestori di eventi. Gli utenti di versioni precedenti di jQuery dovrebbero usare .delegate() preferibilmente a .live(). Refer: http://api.jquery.com/on/

$('#imageFile').on("change", function(){ uploadFile(); });