formulaire et visualisation d'images

Version imprimable

30/04/2013, 13h10
rolls

formulaire et visualisation d'images

Bonjour,
Je suis entrain de créer un formulaire pour les récupérer les informations sur un étudiant.
Parmi ces informations, il y'a la photo d'identité.
J'aimerai que l'utilisateur puisse choisir l'image et la visualiser avant l'envoi des données dans la base de données.
Jusqu'à présent j'utilise un champs de type image mais je ne sais pas comment y attacher la photo.merci.
Merci d'avance

Bonjour,

Avec un peu de Javascript ça se fait bien. Voici un exemple que j'ai trouvé sur Internet :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title></title>
       <script>
       function afficherApercu(objfile) {
         var img =  document.getElementById('apercu' );
         img.src = objfile.value;
            img.style.display = "block";
       }
     
       </script>
    </head>
    <body>
    <input onchange="afficherApercu(this)" type="file">
    <img id="apercu" src="" style="display:none">
    </body>
    </html>

A toi de voir si tu as besoin de redimensionner l'image ou ce genre de chose...

Romain.

Citation:

Envoyé par rg77140

Bonjour,

Avec un peu de Javascript ça se fait bien. Voici un exemple que j'ai trouvé sur Internet :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title></title>
       <script>
       function afficherApercu(objfile) {
         var img =  document.getElementById('apercu' );
         img.src = objfile.value;
            img.style.display = "block";
       }
     
       </script>
    </head>
    <body>
    <input onchange="afficherApercu(this)" type="file">
    <img id="apercu" src="" style="display:none">
    </body>
    </html>

A toi de voir si tu as besoin de redimensionner l'image ou ce genre de chose...

Romain.

Merci bien pour le code :ccool: