FileReader - Récupérer la valeur du base64 en dehors du onLoad

Version imprimable

Bonjour à tous,

Je me retrouve face à un problème tout simple mais que je n'arrive pas à résoudre,
J'utilise le FileReader() pour récupérer la chaine base64 d'un fichier uploadé, le problème est que je n'arrive pas a sortir cette variable de ma fonction onload :
Code:

1 2 3 4 5 6 7 8 9 const reader = new FileReader(); let resultFile = ''; reader.onload = function () { resultFile = reader.result; const base64str = resultFile.split('base64,'); const b64file = base64str[1]; }; reader.readAsDataURL(file); actualFile.file = b64file;
J'obtiens un message m'indiquant que la variable b64file n'est pas définie, j'ai essayé plusieurs astuces (notamment déclarer une var plus haut pour l'utiliser) mais je ne trouve aucun moyen pour sorir la valeur que j'obtiens dans mon onload (quand je console.log ma variable b64file a la fin du onload j'obtiens bien la valeur).
Quelqu'un aurait une idée ?

Merci d'avance

26/02/2018, 10h51
mathieu

le "onload" est exécuté de façon asynchrone donc pour utiliser le contenu de la variable "base64" vous devez mettre "actualFile.file = ..." dans le onload.
26/02/2018, 11h04
amoiraud

Merci pour la réponse mathieu

J'ai essayé et j'ai mis 2 alert(actualFile.file), un a la fin du onload et un après
Le souci est qu'il m'affiche l'alert d'après le onload en 1er, avec un "undefined", puis celui présent dans le onLoad avec la bonne valeur :(
26/02/2018, 11h16
NoSmoking

Bonjour,
c'est ce que t'a expliqué mathieu en écrivant

Citation:

le "onload" est exécuté de façon asynchrone...
26/02/2018, 11h20
amoiraud

Oui j'ai compris, mais du coup ai-je un moyen pour utiliser la valeur en dehors du onload ?

Tu peux traiter le résultat dans une fonction callback par exemple

Code:

1
2
3
4
5
6
7
reader.onload = function () {
  resultFile = reader.result;
  constbase64str = resultFile.split('base64,');
  constb64file = base64str[1];
  // appel de la fonction de traitement du résultat
  fct_callBack(b64file);
};

26/02/2018, 11h32
amoiraud

OK je vais tester ça !

Merci de votre aide