Discussion :

[amoiraud]

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 :

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

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

[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.

[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

[NoSmoking]

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

le "onload" est exécuté de façon asynchrone...

[amoiraud]

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

[NoSmoking]

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

Code :

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

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);
};

[amoiraud]

OK je vais tester ça !

Merci de votre aide