Discussion :

[N3jidev]

Bonjour à tous,

voila mon problème est sans doute simple à résoudre mais j'ai cherché partout, tutos sur les closures, les fonctions anonymes ... et je n'ai rien trouvé qui correspondait.

En fait j'ai un objet FileReader et donc un code du style :

Code :

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

1
2
3
4
5
6
7
 
var fr = new FileReader();
fr.readAsText(input.files[0]);
fr.onload = function() {
alert(fr.result);
};
...

Ce code est placé dans une de mes fonctions et j'aimerais qu'elle retourne la valeur fr.result, mais je ne vois pas comment la récupérer :/

Merci d'avance.

[le_chomeur]

Bonjour , en faisant un simple return ?

Code :

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

1
2
3
4
5
var fr = new FileReader();
fr.readAsText(input.files[0]);
fr.onload = function() {
return fr.result;
};

?

[N3jidev]

Merci pour ta réponse mais en fait c'est plus compliqué

Pour être plus clair tu as :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function readCSV(input) {
var res;
.....
.....
.....
fr.onload = function() {
	return fr.result;
};
 
return res; //je veux que res contienne le résultat de fr.result  
}

[sekaijin]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function readCSV(input) {
var res;
.....
.....
.....
fr.onload = function() {
    return fr.result;
};
 
res = fr.load();
return res; //je veux que res contienne le résultat de fr.result  
}

[marcha]

Salut,

FileReader travail de manière asynchrone, l'évènement onload est
levé quand il a fini de charger le fichier. Je doute que l'on puisse
faire une attente active (mais je me trompe peut-être).

Je te proposerai plutôt de passer une callback à ta fonction qui
est appelée au onload. qqch dans ce goût là:

Code :

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

1
2
3
4
5
6
7
function readCSV(input, onloadCallback) {
  var res;
  .....
  fr.onload = function() {
	onloadCallback(fr.result);
  };
}

et tu appelles ça dans ce goût là:

Code :

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

1
2
3
4
 
readCSV(input, function(res) { 
  alert(res);
});

[Bovino]

Au-delà du FileReader, tous les événements onload, par principe, sont asynchrones vu que leur fonction est d'être lancés quand la ressource est disponible. Si la ressource est disponible immédiatement, le onload n'a plus aucune utilité ni aucun sens !
D'ailleurs, onload existe pour un objet xhr (mais pas cross browser à ma connaissance).
Autre curiosité, un script présent dans la page se charge de façon synchrone (blocage du chargement du reste de la page), en revanche, un script appelé dynamiquement se charge de façon asynchrone et possède un événement onload !
Du coup

Code :

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

<script type="text/javascript" src="tres_gros_script"></script>

bloquera la page tant que le script n'aura pas été chargé et évalué, mais pas

Code :

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

1
2
3
4
5
6
7
<script type="text/javascript">
var mon_gros_script = document.createElement('script');
mon_gros_script.type="text/javascript";
mon_gros_script.src = "tres_gros_script";
mon_gros_script.onload = function(){alert('Chargé !');};
document.getElementsByTagName('head')[0].appendChild(mon_gros_script);
</script>