limiter l'upload au jpg et gif

Bonjour, j'ai un formulaire d'upload de fichier:

Code:

1
2
3
4
5
6
7
8
9
 <!-- Attention, ne de ne pas oublier le  enctype="multipart/form-data" -->
 <form method="POST" action="upld_redim_640.php" enctype="multipart/form-data">
 <!-- Limiter la taille des fichiers à 500Ko -->
 <input type="hidden" name="MAX_FILE_SIZE" value="500000" /> <fieldset>
 Redemimentioner votre imgage 640
 <!-- champs d'envoi de fichier, de type file -->
 <p><label for="Fichier">Fichier :</label><input type="file" name="photo" class="boutons" /></p>
 <!-- bouton d'envoi -->
 <p><input type="submit" name="envoi" class="boutons" value="Redimentioner l'image" /></p></legend></fieldset></form>

Est-il possible de limité aux images gif et jpg ?

Alors il y a une chose à faire : C'est de réfléchir au langage que tu vas utiliser. Pour rappel (cf. règles du forum), le HTML est utile qu'à la présentation du document. Pour tout le reste il faut se tourner vers un langage dynamique. Tu peux par exemple le faire en PHP et c'est pourquoi je te propose d'aller poser ta question là-bas ;)

Bon il y a le JavaScript mais bon...

ok merci ;) ;)

Salut,

Je ne pense pas que tu puisse limiter le type de fichier directement en HTML.
J'irai voir du côté de :

Citation:

JavaScript - Vérification extension fichier avant upload

Le titre parle de lui même,
petite fonction simple permettant de vérifier l'extension du fichier juste après sa sélection

JavaScript
Pour pouvoir le télécharger, connectez-vous ! ;)
<html>
<head>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<script language="javascript">
<!--
function recup_extension(fichier) // fonction de récupération extension fichier
   {
         if (fichier!="")// si le champ fihier n'est pas vide
         {
            nom_fichier=fichier;// on récupere le chemin complet du fichier
            nbchar = nom_fichier.length;// on compte le nombre de caractere que compose ce chemin
            extension = nom_fichier.substring(nbchar-4,nbchar); // on récupere les 4 derniers caracteres
            extension=extension.toLowerCase(); //on uniforme les caracteres en minuscules au cas ou cela aurait été écris en majuscule...
            return extension; // on renvoi l'extension vers la fonction appelante
         }
   }
 
function verif_extension(fichier)// fonction vérification de l'extension aprés avoir choisi le fichier
   {
   ext = recup_extension(fichier);// on appelle la fonction de récupération de l'extension et on récupere l'extension
 
            if(ext==".jpg"||ext==".gif"||ext==".png"){}// si extension = a une des extension suivante alors tout est ok donc ... pas d'erreur
            else // sinon on alert l'user de la mauvaise extension
            {
               alert("L'extension du fichier que vous voulez uploader est :'"+extension+"'\n cette extension n'est pas autorisée !\n Seules les extesnions suivantes sont autorisées :\n'JPG;PNG;GIF' !");
            }
   }
 
function verif_before_valid_form()// fonction de validation de formulaire
   {
      var msgerr="Veuillez vérifier les erreurs suivantes :\n";// préparation message d'erreur 
      var erreur = 0;// par defaut tout est ok
 
      if(document.transfert_file.ajout_fichier.value!="")// si le champ fihier n'est pas vide
      {
               ext = recup_extension(document.transfert_file.ajout_fichier.value);// on appelle la fonction de récupération de l'extension et on récupere l'extension
 
               if(ext==".jpg"||ext==".gif"||ext==".png"){} // si extension = a une des extension suivante alors tout est ok donc ... pas d'erreur
               else // sinon message d'erreur
               {
                  msgerr=msgerr+"- L'extension du fichier n'est pas valide, les extensions acceptées sont 'JPG;PNG;GIF' ! \n";// prépare message d'erreur
                  erreur = 1;// il y a une erreur donc on l'informe
               }
      }
 
   if(erreur==1)
      {
         alert(msgerr);
      }
   else
      {
         transfert_file.submit();
      }
}
-->
</script>
<body>
<form name="transfert_file" action="" method="post" enctype="multipart/form-data">
 
   <input type="file" name="ajout_fichier" value="" onChange="verif_extension(this.value);"/>
   <input type="button" value="Transférer" onClick="verif_before_valid_form()">
 
</form>
</body>
</head>
</html>

mais un contrôle côté PHP serait sûrement + prudent.

merci ;) ;)