Encoder une image en base64 afin de la récupérer en AJAX [Résolu]

[liryks_6]

Bonjour,

Je cherche un moyen d'encoder une image en base64 et de la récupérer ensuite au moyen d'AJAX depuis une autre page. Quelqu'un pourrait-il me fournir de l'aide concernant cela? Ou une alternative?

Merci

[Palca]

Dans la doc de la fonction base64_encode(), premier commentaire : http://fr2.php.net/manual/fr/functio...ode.php#105200

[liryks_6]

Merci pour ta réponse.

En continuant à travailler cet après midi je me suis rendu compte que mon problème est plus complexe que cela. Je cherche un moyen de passer le contenu d'une balise canvas (donc une image que l'utilisateur peut modifier à la volée) à une page php. Je voulais transmettre mon image en base64 via l'url (GET) mais cela prend trop de place.
Je cherche un moyen de transmettre une image qui est crée dynamiquement en javascript à un script PHP (pour l'envoyer par e-mail). As tu une idée?

[Palca]

J'avais fait quelque chose de similaire il y a quelques temps en Flash pour enregistrer une capture de webcam sur le serveur, si je me souviens bien j'avais trouvé un script AS3 qui envoyait les données de manière asynchrone de manière à ne pas bloquer l'UI, donc je suppose que c'est faisable de la même manière en JS.

Par contre pour le coup je ne sais plus où j'avais trouvé ce script et je n'ai jamais essayé en JS donc je ne peux pas t'être d'une grande aide, mais je suppose que des librairies pour Canvas doivent avoir ce genre de fonctionnalités.

[liryks_6]

Merci pour ta réponse.

Au faite j'ai trouvé une solution qui convient à mon cas.

Dans mon cas l'image provenait au fait d'une balise canvas que l'utilisateur peut modifier comme il le veut. Lorsque l'image doit être envoyée à une autre page, j'enregistre l'état de la balise canvas comme ceci

Code :

var image    = canvas.toDataURL("image/png");

La variable image est alors directement encodée en base 64 est prête à être transmise à d'autre script.
Je ne connaissais pas vraiment les propriété de canvas.toDataURL("image/png"); lorsque je me suis penché sur le problème. Voilà pourquoi je l'avais abordé de cette manière.