Wie behandeln onchange-Ereignis input type=file in jQuery?

Der code ist:

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

Folgendes gut funktioniert:

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

Ich würde gerne dieses Ergebnis mit jQuery, aber das funktioniert nicht:

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

Bin ich etwas fehlt? (Edit: ja, ich verpasste schließen Sie die *.js-Datei).

InformationsquelleAutor der Frage anmarti | 2012-08-08

  1. 106

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

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

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

    InformationsquelleAutor der Antwort Shabnam K

  2. 8

    Werden könnte oder:

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

    Genau zu sein: $('input[type=file]#fileUpload1').change(...

    InformationsquelleAutor der Antwort Alex Ball

  3. 4

    Sollte es funktionieren, sind Sie das einwickeln der code in einem $(document).ready() nennen? Wenn nicht verwenden Sie, oder verwenden Sie live d.h.

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

    Hier ist ein jsFiddle dieser arbeiten gegen jQuery 1.4.4

    InformationsquelleAutor der Antwort Chris

  4. 3

    Diese jsfiddle funktioniert gut für mich.

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

    Hinweis: .delegate() ist die Schnellste event-binding-Methode von jQuery < 1.7: event-binding-Methoden

    InformationsquelleAutor der Antwort Simon

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

    Können Sie diese auch

    InformationsquelleAutor der Antwort Bhushan Pawar

  6. 2

    Diese zu verwenden:

    HTML:

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

    JavaScript:

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

    InformationsquelleAutor der Antwort Arpit Srivastava

Schreibe einen Kommentar