limiter l'upload au jpg et gif

**koKoTis** · 29/09/2008, 14h06

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

Code :

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

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 ?

**Kerod** · 29/09/2008, 14h11

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...

**koKoTis** · 29/09/2008, 14h12

ok merci

**HiRoN** · 29/09/2008, 14h15

Salut,

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

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 !

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
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.

**koKoTis** · 29/09/2008, 14h16

merci

limiter l'upload au jpg et gif

HTML

Discussions similaires

Partager

Partager