Discussion :

[Fredy007]

Bonjour,

Je veux prévisualiser une image avant l'upload, du coup, je veux récupérer quelques informations et les vérifier avant de passer au transfert, parmi ces informations, sont les dimensions, j'ai pris ce code du net, et je veux le développer pour retourner les informations en array:

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
 
	function imageFileDims(fileID){
 
	var _URL = window.URL || window.webkitURL;   
  	var file, img, fileWidth, fileHeight, dims=[];
 
    file = $('#'+fileID)[0].files[0];
 
    img = new Image();
 
    img.onload = function(data) {
                 fileWidth   = this.width;
                 fileHeight  = this.height;
 
                dims.push(fileWidth);
                dims.push(fileHeight);
 
                console.log(dims);
 
// les élément à retourner
 
     return [fileWidth, fileHeight];
 
            };
 
// le résultat est [] null	
console.log(dims);
 
            img.src = _URL.createObjectURL(file);
            console.log(img.onload());            
  }
 
$("#file-input1").change(function(e) {
    imageFileDims("file-input1");
});

Merci a vous

[NoSmoking]

Bonjour,

... je veux le développer pour retourner les informations en array:

les retourner à qui ?

Les données n'étant disponibles qu'un fois l'image chargée il te faut les utiliser à ce moment là et pas ailleurs.

[Fredy007]

Je veux les récupérer au sein de la fonction imageFileDims(fileID), mais hors de img.onload = function(data) {

Autrement dit: transmettre les valeur width et height de img.onload = function(data) { vers l'exterieur

[NoSmoking]

mais hors de img.onload = function(data) {

tu es bien obligé de passer par cette étape !

Tu peux poursuivre de la façon suivante

Code :

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

1
2
3
4
5
6
img.onload = function(){
  // tu fais ce que tu veux avec les données
  // ...
  // puis tu appelles une fonction de traitement
  fct_transfert( data);  // par exemple
}

[Fredy007]

Si j'ai bien compris:

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
 
img.onload = function(){
 
 
function getData(){
                var dW	= fileWidth;
                var dH	= fileHeight;
 
                return [dW, dH];
                }
 
 
} // end onload
 
console.log(getData);

Celle la retourne undefined function getData

[NoSmoking]

Celle la retourne undefined function getData

normal, ta fonction n'est pas connu en dehors du scope de la fonction anonyme affectée au onload de ton image.

Indente correctement tes codes pour une meilleur visibilté

Code :

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

1
2
3
4
5
6
7
8
9
10
img.onload = function () {
    function getData() {
        var dW = fileWidth;
        var dH = fileHeight;
        return [dW,
        dH];
    }
} // end onload
 
console.log(getData);

mais à quoi peut bien te servir cette fonction incluse, es tu sûr d'en avoir besoin ?