Input type file & type MIME

**Luke spywoker** · 06/09/2011, 01h48

Bonjours les HTML,
Je désirerai limiter les formats choisisables dans une balise input de type file par l'attribut accept qui prend en paramètre les valeurs MIME des fichiers voulus et j'ai aboutis a une notation comme suit qui ne limite rien du tout:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<!DOCTYPE html>
<html lang='fr'>
<head>
<title>MIME</title>
<meta charset='utf-8'>
</head>
<body>
<form enctype='multipart/form-data' method='POST'>
<input type='file' accept='image/gif image/png' maxlength='136579'><!-- ce sont les valeurs de types MIME de wikipedia  séparer par un espace comme me la répéter mon validateur -->
<input type='submit' value='submit'>
</form>
</body>
</html>

Et le validateur ronchonne que l'attribut maxlength ,n'est pas accepter ici pour définir une taille de fichier maximale, bon il est vrai avant d'en arriver avec cette syntaxe j'ai bien ouvert une trentaine d'onglets avec mon validateur puis fait des recherches ici:
http://fr.wikipedia.org/wiki/Type_MIME
Si quelqu'un a réussi le tour de force de forcer a ne faire apparaitre que les formats voulus dans la fenetre de choix d'upload merci de bien vouloir refiler le tour de magie.

Invité · 06/09/2011, 07h40

Bonjour,
voici ce que dit la doc (voir aussi l'aide du validateur w3c) :

Attributs séparés par une virgule.

Tip: Avoid using this attribute. File uploads should be validated on the server.
Note: The accept attribute is not properly supported by any of the major browsers.

En clair (et pour les non-anglophones), tant que les navigateurs ne le supportent pas, il est préférable d'éviter d'utiliser cet attribut, et de faire la validation sur le serveur.

**Bisûnûrs** · 06/09/2011, 08h41

Ce n'est possible qu'en Flash.

Invité · 06/09/2011, 09h17

Re.
Tu peux tester l'extension en JavaScript (avant envoi du formulaire) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
	<script type="text/javascript">
                /* UPLOAD : verification EXTENSION */
                function testExtension(valeur, extensionsok) {
                        var extensionsok; // extensions acceptées
                        var valeur = valeur.toLowerCase(); // en minuscule
                        var chainearray = valeur.split('.');
                        var chaineext = chainearray[chainearray.length-1]; // extension du fichier
                        if(extensionsok.indexOf(chaineext)==-1) { // extension PAS ok
                                alert('Erreur : ce fichier n\'est pas valide !\n\nExtensions acceptées : ' + extensionsok);
                        }
                };
        </script>

Code :

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

1
2
3
4
<form enctype="multipart/form-data" method="POST">
	<input type="file" accept="image/gif, image/png" onchange="testExtension(this.value,'gif,jpg,jpeg,png');">
	<input type="submit" value="submit">
</form>

ET (car js peut être désactivé) TOUJOURS TESTER APRES envoi (en PHP ou ...)

**Bovino** · 06/09/2011, 17h18

Envoyé par jreaux62

Tu peux tester l'extension en JavaScript (avant envoi du formulaire)

Certes, maintenant, si on demande de mettre un fichier correspondant à une image, il y a fort à parier que l'utilisateur qui ne met pas une image le fait à dessein et aura prit soin au préalable de désactiver JavaScript.

Invité · 06/09/2011, 17h56

Envoyé par Bovino

... l'utilisateur qui ne met pas une image le fait à dessein ...

Pas forcément. 99% des gens sont relativement honnêtes :
- on peut être distrait ou maladroit (et se tromper bêtement de fichier),
- on peut aussi vouloir télécharger un autre format d'image que ceux acceptés.(l'extension des fichiers est parfois masquée sur le PC)
- ...

C'est le 1% restant qui pose problème...

Input type file & type MIME [HTML 5]

HTML

Vue hybride

Discussions similaires

Partager

Partager