IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

input type=file contrôle


Sujet :

JavaScript

  1. #1
    Membre régulier
    Homme Profil pro
    Étudiant
    Inscrit en
    Décembre 2015
    Messages
    262
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Décembre 2015
    Messages : 262
    Points : 121
    Points
    121
    Par défaut input type=file contrôle
    Bonjour,

    Je débute en javascript
    Je veux faire des contrôles en javascript pour aider l'utilisateur et le prévenir des contrôles en PHP.

    Je ne sais pas ce qui se passe car mes contrôles fonctionnent (j'ai bien mes alertes) mais il charge quand même la pièce jointe malgré un return false ??

    html
    Code html : 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
    <div class="bouton-relief">  <input type="file" name="RGPD" accept=".jpg, .jpeg, .png, .gif" onchange="verifFile(RGPD)"></div>
     
     
    <script type="text/javascript"> 
     
    function verifFile(fichier){
     
     var file = fichier.files[0];                                         console.log(file); 
     var name = file.name;                                                 console.log(name); 
     var name_length = name.length;                                        console.log(name_length); 
     var extension = name.split('.').pop(); 
     var extension_lower = extension.toLowerCase();                        console.log(extension_lower); 
     var extension_allowed = new Array ('jpg', 'jpeg', 'png', 'gif');      console.log(extension_allowed); 
     var size = file.size;                                                  console.log(size); 
     var size_allowed = 500000;                                                console.log(size_allowed); 
     var type = file.type;                                                  console.log(type); 
                                                                      
    if (name_length > 0) {
     if(extension_allowed.includes(extension_lower)) { 
      //alert('extension ok'); 
      if(size < size_allowed) {
       //alert('taille ok'); 
       return true; 
      } else {
       alert('Votre ficher ne doit pas dépasser 5000 Ko');
       return false; 
      }
     } else {
      alert('Format interdit');
      return false;
     }  
     }
    }
     
    </script>

    je ne sais pas comment interdire l'upload du fichier - j'ai bien toutes mes alertes qui fonctionnent après plusieurs tests

    merci pour vos retours;

  2. #2
    Membre régulier
    Homme Profil pro
    Étudiant
    Inscrit en
    Décembre 2015
    Messages
    262
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Décembre 2015
    Messages : 262
    Points : 121
    Points
    121
    Par défaut
    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
     
     
    if (name_length > 0) {
     if(extension_allowed.includes(extension_lower)) { 
      //alert('extension ok'); 
      if(size < size_allowed) {
       //alert('taille ok'); 
       return true; 
      } else {
       alert('Votre ficher ne doit pas dépasser 5000 Ko');
       fichier.value = "";
       return false; 
      }
     } else {
      alert('Format interdit');
      fichier.value ="";
      return false;
     }  
     }
    }
    j'ai rajouté la ligue de code fichier.value =""; qui me permet de vider le nom du fichier sélectionné...

    Je ne sais pas si cela est une bonne pratique mais cela fonctionne....

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 16
    Dernier message: 29/05/2016, 19h45
  2. [JSP]<input type="file">
    Par phoebe dans le forum Servlets/JSP
    Réponses: 13
    Dernier message: 16/07/2012, 19h50
  3. [HTML][CSS] Comment personnaliser INPUT type = FILE
    Par frochard dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 09/07/2009, 03h55
  4. [<input type="file"/>]
    Par NikoBe dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 27/04/2005, 09h17
  5. style pour le bouton dans input type file
    Par manaboko dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 09/02/2005, 14h47

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo