Discussion :

[setni]

Bonjour,

Je constate un problème de code avec une fonction jquery
J'invoque une fonction avec .on('change' sur un input type file.

Sous firefox, le code fonctionne chaque fois que je sélectionne un fichier mais sous chrome, il ne fonctionne que la première fois.

Voici un extrait du code que j'utilise

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
$('input[name=mon_fichier]').change(function(){
 
//... mes instruction ici
 
});

L'input est le suivant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="file" name="mon_fichier" accept="image/*"  />

Est-ce que quelqu'un connait la solution au problème?

Merci d'avance

[danielhagnoul]

Je ne vois pas le problème, mon code de test :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
$( "input[name='mon_fichier']" ).on( "change", function( event ){
    console.log( "change", event );    
    console.log( this.files[0].name );
 
    /*
     * Chrome 44b :
     * change n.Event {originalEvent: Event, type: "change", timeStamp: 1436305952076, jQuery21401707094581797719: true, which: undefined…}
     * 20150413_110231.jpg
     * change n.Event {originalEvent: Event, type: "change", timeStamp: 1436305956414, jQuery21401707094581797719: true, which: undefined…}
     * Tigre_sumatracc01-1-1-630x0.jpg
     * change n.Event {originalEvent: Event, type: "change", timeStamp: 1436305970752, jQuery21401707094581797719: true, which: undefined…}
     * Numériser0004.jpg
     */
 
    /*
     * Firefox 39 :
     * "change" Object { originalEvent: change, type: "change", isDefaultPrevented: $(), timeStamp: 1436306074231000, jQuery2140003232566260722769: true, which: undefined, view: undefined, target: <input>, shiftKey: undefined, relatedTarget: undefined, 10 de plus… }
     * "20150413_110231.jpg"
     * "change" Object { originalEvent: change, type: "change", isDefaultPrevented: $(), timeStamp: 1436306082334000, jQuery2140003232566260722769: true, which: undefined, view: undefined, target: <input>, shiftKey: undefined, relatedTarget: undefined, 10 de plus… }
     * "Numériser0002.jpg"
     */
});

[SpaceFrog]

dans ton sujet tu mets

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 .on('change'

dans ton post tu mets ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('input[name=mon_fichier]').change(function(){

[setni]

Bonjour,

C'est peut être ça la solution, je teste et je reviens

Merci

[setni]

ReBonjour,

La réponse vient dans la logique de fonctionnement, lorsque je sélectionne le même fichier, il n'y a pas de changement...
En sélectionnant une image un jcrop ce déclenche, si l'utilisateur veux modifier son rognage sur la même photo, ça pose problème?

Il faudra que je trouve un autre moyen de déclenché mon celui-ci quand le même fichier est sélectionné...
Est-ce que quelqu'un à une idée?

Merci d'avance

[01001111]

Peut-être peux-tu faire un bouton pour réinitialiser le jCrop?