Changer une image sans recharger la page

yoshiro Messages postés 532 Statut Membre -  
yoshiro Messages postés 532 Statut Membre -
Bonjour,
le titre explique tout, je cherche un moyen de charger une image qu'on a envoyé via un formulaire, l'image a été traité (redimensionner) mais je veux afficher l'image envoyé sans recharger la page.
j'ai cherché au niveau d'ajax mais je ne trouve pas !!

8 réponses

Airmanbzh Messages postés 122 Statut Membre 9
 
Ajax reste la meilleure solution.

Lorsque l'utilisateur upload son image, tu utilises ajax pour la sauvegarder. Une fois la sauvegarde effective, ta fonction (la même que pour la sauvegarde) te renvoit l'url de l'img que tu traiteras en javascript pour pouvoir l'afficher.

Vu que les fonctions ajax sont asynchrones, ça ne devrait pas poser de problèmes.

Cdt
0
Alain_42 Messages postés 5413 Statut Membre 894
 
Pour uploader une image, la page du formulaire est forcement envoyée, donc je ne vois pas comment tu peux faire sans recharger celle ci ?
0
Airmanbzh Messages postés 122 Statut Membre 9
 
Tu peux envoyer un formulaire en ajax !

Regarde à ces adresses :
https://blueprints.dev.java.net/ajax-faq-fr.html#partial_submit
https://www.pc-infopratique.com/forum-informatique/formulaire-ajax-vt-31367.html
https://www.developpez.net/forums/d176219/javascript/general-javascript/ajax-envoi-formulaire/

Bonne continuation ^^

Cdt
0
Alain_42 Messages postés 5413 Statut Membre 894
 
Chapeau bas, je n'avais jamais utilisé cette fonctionnalité.

Comme quoi on en apprend tous les jours sur ce forum.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Airmanbzh Messages postés 122 Statut Membre 9
 
On en apprend tous les jours et c'est valable pour tout le monde ^^.

J'en avais entendu parler mais je n'ai jamais eu l'occasion de la tester.

Bon courage et si c'est possible essaye de nous faire un petit retour sur impression pour cette fonction :p.

Cdt
0
jeangilles Messages postés 816 Date d'inscription   Statut Membre Dernière intervention   186
 
Heu pour avoir déjà fait ca, il est impossible d'envoyer un type file de façon asynchrone (ou alors j'ai vraiment pas trouvé la solution XD)
parce que une chaine de caractère c'est simple, mais un file c'est pas pareil ^^

les seules solutions que j'avais trouvé, c'était de soit créer un composant flash (ou une applet java, enfin quelquechose qui tourne du coté client) qui te ferait ton upload, soit mettre le formulaire d'upload dans une frame, et au chargement de la frame (ou au rechargement quand l'upload a été effectué), appelere une fonction AJAX de la page parent (parent de la frame ^^) qui elle, récupérera l'URL de l'image uploadée

mais envoyer un file de façon asynchrone, ca semble difficile ^^
0
Airmanbzh Messages postés 122 Statut Membre 9
 
effectivement, je viens de regarder plus en détails ce "petit" problème d'upload. Vu que javascript ne peut/doit pas lire un fichier chez le client pour des raisons de sécurité (pompage du disque dur du client), il faut utiliser des moyens détournés.

Tu trouveras quelques moyens divers et variés à cette adresse :
http://www.xorax.info/blog/programmation/127-ajax-upload-input-file.html##

Il existe de nombreux autres tutos avec une petite recherche google : "input file ajax".

Bon courage ;-)
0
yoshiro Messages postés 532 Statut Membre 65
 
ok merci !! Mais c'est pas vraiment ça que je cherche
pour l'instant j'ai trouvé ce site qui me donne une idée du script !!
https://www.codicoda.com/
0