Upload photo (double form)

Bonjour a tous ,alors je vous explique mon problème :

J'ai un grand <form> qui prend a peu prés toute ma page , dans une étape de ce form j'aimerais mettre un module d'upload de photo d'avatar.

J'ai essayé le script d'upload (php) tout seul il marche très bien , mais il contient une balise <form> qui pointe sur "upload.php" .

On le sait , on ne peut pas imbriquer deux <form> , je me suis donc tourné sur une <iframe> mais malheureusement avec cette solution je ne peut pas récupérer la valeur dans la page php du grand <form> .

Je veux récupérer cette valeur pour que la photo uploader soit traiter et remplace une photo existante. Je publie ce post dans "javascript" car je pense que la solution se trouve par ici , mais je n'en suis vraiment pas sur .

J’espère avoir été clair même si je l’avoue c'est compliqué a expliquer, n’hésitez pas a me demander plus de renseignements afin que le problème soit plus clair.

Merci d'avance

Cordialement

Salut,

Tu as deux possibilités :

1/ Tu peux faire un upload distinct en ajax et au retour de la requête ajax, tu renseignes un champ de ton formulaire général qui contiendra l'adresse de la photo. Ou encore enregistrer directement l'adresse de la photo en bdd lors de l'upload ajax et renvoyer un message de mise à jour ok. Par exemple cette classe d'upload fonctionne en ajax et te permettras d'exploiter un retour d'information.
Même si physiquement les formulaires seront distincts rien n'empêche avec css de faire une présentation où ils seront imbriqués.

2/ Ou tu peux mettre tous les champs y compris le champ de type file dans le même formulaire. La même classe d'upload donnée en lien ci-dessus permet d'envoyer un (ou plusieurs) fichiers et en même temps tous les autres champs (type texte ou autre) contenus dans le formulaire.