input type="file"

**jul54** · 19/09/2007, 17h37

Bonjour,
je développe une application web sous ASP.NET 2, je souhaite que l'utilisateur puisse allez chercher des photos entre autres présentes sur son disque. J'ai donc rajouter un champ input (type="file") pour récupérer le fichier, je l'upload ensuite, jusqu'ici tout allait bien.

Cependant, je souhaite pouvoir changer le texte du bouton "Parcourir" car l'application est multilingue, j'ai donc trouver la solution suivante sur developpez.com dans la FAQ:

Pour changer le texte d'un bouton de type file, on est obligé de "ruser" car il n'y a pas d'autres moyens.
Voici le script :
<script type="text/javascript">
function getfile(){
document.getElementById('hiddenfile').click();
document.getElementById('selectedfile').value=document.getElementById('hiddenfile').value
}
</script>

Et le corps de votre page:
<body>
<input type="file" id="hiddenfile" style="display:none" />
<input type="text" id="selectedfile" />
<input type="button" value="Select a file" onclick="getfile()" />
</body>

En fait, ce que l'on aperçoit sur la page ressemble à un champ de type File, mais en réalité, il s'agit d'un bouton et d'un champ de type texte. Ainsi, grâce à la fonction getfile(), on simule le clic sur le champ File que l'on a caché...

Cette solution marche trés bien sur IE mais ne marche pas sous FireFox car la fonction click (appelée dans document.getelementbyId(monId).click()) n'est pas implémentée.

Quelqu'un aurait-il une solution qui marche sous IE et Firefox (ce serait déjà pas mal avec ces deux browsers).

Merci d'avance pour vos réponses,
Jul

**namstou3** · 19/09/2007, 18h06

salut jul54
A ce que je sache c'est que getElementById n'est pas implémenté sous MOZILLA, donc la solution idéale pour que ton script marche sur MOZILLA c'est de créer une fonction qui permettra d'implémenter ce genre de variable et l'intégrer à ton script.

Voilà une piste

Code :

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

http://mozilla.tlk.fr/doc03.php

**jul54** · 19/09/2007, 18h28

Salut namstou3,
merci pour ta réponse rapide mais je pense que getElementById fonctionne sous mozilla (au moins firefox 2) car j'utilise FireDebug pour debugger mon code javascript et si je mets un espion sur getElementById, j'obtiens bien mon élément en question.
Nos sites étant pour des clients et non pour tout le monde, on peut leur imposer d'installer des versions récentes de IE et firefox (mais ils doivent pouvoir choisir entre les deux).

Ton lien est quand même trés intéressant et me sera surement utile par la suite