jQuery Änderungsmethode bei Eingabe Typ = "Datei"

Question

Ich versuche, jQuery 100% mit seiner einfachen und eleganten API zu umarmen, aber ich habe eine Inkonsistenz zwischen der API und straight-up HTML, die ich nicht kann herausfinden.

Ich habe ein AJAX-Datei-Uploader-Skript (das richtig funktioniert), das ich jedes Mal ausführen möchte, wenn sich der Dateieingabewert ändert. Hier ist mein Arbeitscode:

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

Als ich das onchange Ereignis einer jQuery Implementierung konvertieren:

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

das Ergebnis ist nicht das gleiche. Mit dem Attribut 10 wird die Funktion uploadFile() aufgerufen, wenn der Wert wie erwartet geändert wird. Aber mit dem Ereignishandler jQuery API .change() löst das Ereignis nur das erste Mal aus, wenn ein Wert geändert wird. Jede Wertänderung danach wird ignoriert. Das scheint mir falsch zu sein, aber das kann sicherlich kein Versehen von jQuery sein, oder?

Hat jemand anderes das gleiche Problem und haben Sie eine Problemumgehung oder eine Lösung für das Problem als das, was ich oben beschrieben habe?

Answer 1

aktualisiert der Ajax-Uploader Ihr Eingabeelement? Wenn ja, sollten Sie die Verwendung der .live() - Methode in Betracht ziehen.

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

Update:

von jQuery 1.7+ Sie jetzt verwenden sollten .on()

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

Answer 2

Ich konnte nicht IE8 + erhalten durch Hinzufügen eines jQuery Event-Handler in der Datei Eingabetyp zu arbeiten, . Ich hatte die alte Schule gehen und die das onchange="" Attribut auf den Input-Tag hinzu:

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

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

Answer 3

Ab jQuery 1.7, die .live() Methode ist veraltet. Verwenden Sie .on(), um Ereignishandler anzuhängen. Benutzer älterer Versionen von jQuery sollten .delegate() anstelle von .live() verwenden. Siehe: http://api.jquery.com/on/

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