Bonsoir,
Pour avoir la main sur l'aspect graphique d'un input d'upload de fichier, j'utilise la technique consistant à cacher celui-ci et utiliser plutôt un élément button classique relié à l'input file par un gestionnaire d'évènement.
Voici la partie permettant de masquer le input file :
Quelques questions:
- L'utilisation de l'attribut html5 'hidden' (si disponible) est-elle pertinente dans ce cas ?
- utiliser simplement display: none comme alternative peut poser problème avec certains navigateurs. Est-ce vrai ? ou peut-être que ce n'est plus d'actualité ? je n'ai eu aucun problème avec Firefox et Chrome en utilisant cette méthode.
Pour avoir la main sur l'aspect graphique d'un input d'upload de fichier, j'utilise la technique consistant à cacher celui-ci et utiliser plutôt un élément button classique relié à l'input file par un gestionnaire d'évènement.
Voici la partie permettant de masquer le input file :
if( typeof(inputFile.hidden) != 'undefined' ) {
inputFile.hidden = true;
}
else {
inputFile.style.position = 'absolute';
inputFile.style.left = '9999px';
inputFile.style.width = '0';
inputFile.style.overflow = 'hidden';
}Quelques questions:
- L'utilisation de l'attribut html5 'hidden' (si disponible) est-elle pertinente dans ce cas ?
- utiliser simplement display: none comme alternative peut poser problème avec certains navigateurs. Est-ce vrai ? ou peut-être que ce n'est plus d'actualité ? je n'ai eu aucun problème avec Firefox et Chrome en utilisant cette méthode.