Comment gérer l'événement onchange sur input type=file en jQuery?

Le code est:

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

Le suivant fonctionne très bien:

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

Je voudrais obtenir ce résultat à l'aide de jQuery, mais qui ne fonctionne pas:

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

Me manque quelque chose? (Edit: Oui, j'ai manqué d'inclure l' *.fichier js.)

  • L'id de l'élément est "fileUpload1" pas "fileupload1". Êtes-vous également en cours d'exécution de votre code après que l'élément existe et que vous avez inclus jQuery etc? Vérifiez également que votre navigateur de la console pour les erreurs javascript.
  • J'ai cherché pour les mêmes mots-clés, mais je suis à la recherche de "pas de jQuery" version...
InformationsquelleAutor anmarti | 2012-08-08
  1. 115

    Démo : http://jsfiddle.net/NbGBj/

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

    $("#upload").change(function() {
        alert('changed!');
    });
});
    InformationsquelleAutor Shabnam K
  2. 11

    Ou pourrait être:

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

    Pour être précis: $('input[type=file]#fileUpload1').change(...

    InformationsquelleAutor Alex Ball
  3. 4

    Il devrait fonctionner correctement, êtes-vous d'emballage le code dans un $(document).ready() appel? Si ne pas l'utiliser ou de l'utilisation live c'est à dire

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

    Ici est un jsFiddle de ce travail à l'encontre de jQuery 1.4.4

    • vivre est obsolète, il faut utiliser le() de nos jours
    • Il est l'aide de v1.4.4 qui ne supporte pas on()
    • live est déconseillé pour toutes les versions de jQuery, l'utilisation .delegate
    InformationsquelleAutor Chris
  4. 4

    Ce jsfiddle fonctionne très bien pour moi.

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

    Note: .délégué() est la manière la plus rapide de l'événement de liaison méthode pour jQuery < 1.7: événement-méthodes de reliure

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

    Vous pouvez l'utiliser aussi

    InformationsquelleAutor Bhushan Pawar
  6. 2

    Essayez d'utiliser ceci:

    HTML:

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

    JavaScript:

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

    • Désolé je ne vois pas le problème correctement...maintenant vérifier @Esailija
    InformationsquelleAutor Arpit Srivastava