afficher une image avant envoi d'un formulaire

02 mars 2010, 09:51

Bonjour à Tous,

J'aimerais afficher une photo venant du champ photo lorsque le chemin est rempli mais avant l'envoi du formulaire

comment puis-je faire
J'ai essayé mais cela ne marche pas

Code : Tout sélectionner

						<?PHP
						$nomFichier  = $_FILES['photo']['name'] ;
                                                echo $nomFichier;
						echo "Affiche image : <img src=\"$nomFichier\">\n"; 
						?>

Voici mon code de départ:

Code : Tout sélectionner

<form class="formclient" action="verifproduit.php" name='formulaire' method="POST"/>
	
         ............ Plusieurs champs

           &nbsp;&nbsp;<b>Photo</b> &nbsp;
	<input type="file" name="photo" size="30" value="" maxlength="30"/>

	<div align="center">
		<input style="background-color: #a98138; width: 100px; font-weight: bold" type="submit" value="Envoyer" name="envoyer"/>
	</div>
</form>

Avec mes remerciements
Bernard

02 mars 2010, 12:13

Si j'ai bien suivi, il faut passer par du javascript, vu que l'affichage de la photo doit se faire avant d'envoyer le formulaire...

Et une recherche sur "javascript afficher image avant upload" te donne pas mal de solutions

02 mars 2010, 12:31

De plus tu as oublié le ENCTYPE dans ta balise form, il faut que tu mette enctype="multipart/form-data"
Il y a une tuto sur l'upload de fichiers avec PHP sur PHPfrance http://www.phpfrance.com/tutoriaux/inde ... e-fichiers
Et effectivement si tu veux voir l'image avant de soumettre ton formulaire, faut passer par du javascript ou de l'Ajax

02 mars 2010, 12:33

Re-Bonjour,

merci macgawel pour votre réponse rapide.

Je vais m'orienter vers le javascript
Encore merci et bonne journée à Toutes et à Tous

02 mars 2010, 14:09

Merci sylvaing26,

Effectivement j'avais oublié l'enctype

merci en tout cas pour toutes ces précisions

Bernard

afficher une image avant envoi d'un formulaire

Qui est en ligne