Changer une image sans recharger la page Fermé

Question

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 !!

Airmanbzh · Answer

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

Alain_42 · Answer

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  ?

Airmanbzh · Answer

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

Alain_42 · Answer

Chapeau bas, je n'avais jamais utilisé cette fonctionnalité.

Comme quoi on en apprend tous les jours sur ce forum.

Airmanbzh · Answer

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

jeangilles · Answer

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 ^^

Airmanbzh · Answer

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

yoshiro · Answer

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/

Changer une image sans recharger la page

8 réponses

Discussions similaires