[Upload] upload d'image dans un input text [Résolu]

[visqueu]

je fais comme un petit forum et j'ai rencontré le problem lors de l'ajout de topic
j'ai des inputs text du titre du message et du corps du message, et je veux permettre aux user d'ajouter des photos dans le message, avec un input file pour l'upload et une insertion dans le input text de <img src> etc mais ca require un POST etc ! j'ai juste besoin de l'idée globale
merci a vous

[Azazel.fr]

ben tu l'as l'idée générale...
c'est quoi ton soucis ?

[mathieugamin]

L'idée globale c'est du javascript pour insérer des tags spécifiques pour ton image que tu remplaceras ensuite en PHP par ton fameux <img src="..."... />

De cette manière, tu pourrais même ajouter plusieurs photos à un message...

Un peu comme quand on écrit un message sur developpez.net, cela crée des balises spécifiques qui sont ensuite interprétées...

Quand ton upload d'image est fini, tu crées un formulaire de confirmation et ainsi tu peux insérer tes balises par un onclick sur le bouton de ton formulaire de confirmation d'upload... et woilà !

[visqueu]

oui mais je devrai demander a upploader toutes les images une par une puis je passerai a une autre page pour le texte ?

[mathieugamin]

Non, tu n'as pas besoin de demander tout cela.
En fait l'avantage de ce système est que tu peux insérer les images directement dans le corps de texte. Donc à chaque fois que l'utilisateur veut mettre une image dans son texte, il l'upload et des balises spécifiques sont créées dans le texte.

Donc à chaque insertion d'image dans le texte, il faut faire une pop-up avec un formulaire d'upload.

Vois-tu ce que je veux dire?

Ca laisse plus de liberté au visiteur

[visqueu]

donc, le formulaire d''upload est dans la pop up et l'action est la page du formulaire complet, qui verifi isset() si il y a un $_POST de l'image, et si c'est le cas, un appel java script pour la fonction de modification dans l'input text
j'ai bien compris ?

[mathieugamin]

Salut
Presque !
En fait, ton formulaire d'upload est bien dans la pop-up, mais l'action n'est pas la page du formulaire complet, sinon, le visiteur devrait retaper tout ce qu'il a déjà mis car la page se rechargerait...

En fait tu dois faire écrire par JS le nom de l'image uploadé entre 2 balises [img] & [/img].

Ensuite, tu remplaces lors du traitement par PHP, tes balises [img] & [/img] par la véritable balise <img src=... />, par une expression régulière par example.

C'est plus clair?

[visqueu]

desolé je devien peut etre lourd mais, tu n'a pas saisi mon problem
c'est pas vraiment le js! j'ai dejà utilisé ca dans la mise en forme, j'ai mis des balises de mise en forme pour l'allignement, le gras etc, puis dans l'afichage j'utilise str_replace() !!
je suis plutot etourdie par le fonctionnement de plusieurs pages, et je veux savoir l'action qui mettra l'upload ou ! et puisque elle n'est pas dans la pop up^, ni dans la page mere, comment je pourrai renvoyer le nom de l'image pour que la page mere puisse declancher la fonction de modification de l'input
et comment declancher cette fonction !!
desolé encore gamin et merci

[mathieugamin]

Salut,
Je crois que c'est ça :

Tu dois mettre ce code dans ta pop-up avec comme action dans le formulaire :
action="" ou $_SERVER['PHP_SELF'].

Ce code ne doit être utilisé qu'après le test de la variable...

Code :

window.opener.document.getElementById('tonelement').value+='<?php echo $_FILES['nom_d_input']['name'];?>';

Dis-moi si ça fonctionne bien

[mathieugamin]

Alors ça fonctionne ?

Tiens-moi au courant !

[visqueu]

ca marche tres bien, ca am'a causé quelques problemes pour la taille de la pop up et son placement et la mise a jour mais j'ai tout reglé
merci

[mathieugamin]

Avec plaisir !