.on('change', ok firefox nok chrome

Version imprimable

07/07/2015, 22h46
setni

.on('change', ok firefox nok chrome
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:

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

Code:

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

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

Merci d'avance

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

Code:

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"
     */
});

08/07/2015, 11h33
SpaceFrog

dans ton sujet tu mets

Code:

.on('change'

dans ton post tu mets ...

Code:

$('input[name=mon_fichier]').change(function(){
08/07/2015, 11h53
setni

Bonjour,

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

Merci
08/07/2015, 13h15
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
09/07/2015, 17h21
01001111

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