formulaire et visualisation d'images

**rolls** · 30/04/2013, 13h10

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

**rg77140** · 30/04/2013, 13h58

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**rolls** · 30/04/2013, 18h27

Envoyé par rg77140

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

formulaire et visualisation d'images

Servlets/JSP Java

Vue hybride

Discussions similaires

Partager

Partager