Je ne veux pas voir le message "aucun fichier choisi" pour un champ de saisie de fichier.

Question

Y a-t-il un moyen pour que je puisse arrêter " no file chosen "pour le type de fichier d'entrée.

<input type="file" id="field-id" name="html" />

Answer 1

Vous ne pouvez pas vous débarrasser complètement de l'indication "aucun fichier choisi", mais vous pouvez remplacer le texte par quelque chose de plus logique en définissant le titre.

<input type="file" title="foo">

affichera "foo" au passage de la souris au lieu de "aucun fichier choisi".

malheureusement,

<input type="file" title="">

ne fonctionne pas comme on pourrait l'espérer.

Answer 2

L'astuce la plus simple (et la plus fiable pour autant que je sache) que j'ai trouvée consiste à définir la couleur de la police initiale comme transparente pour masquer le texte "aucun fichier choisi", puis à changer la couleur de la police pour qu'elle soit visible lors du changement.

Voilá :

<input type="file" style="color:transparent;" onchange="this.style.color = 'black';"/>

Answer 3

Pour les navigateurs Chrome, vous pouvez utiliser cette astuce :

<input type="file" id="myFile" name="html" style="width: 90px;" onchange="this.style.width = '100%';" />

Ce qui veut dire qu'il faut définir une largeur fixe qui n'affichera que le bouton puis, après modification, revenir à 100 % pour que le nom du fichier soit affiché.

Answer 4

<style type="text/css">
#inputcontainer {
    background:url("http://phpfileuploader.com/images/upload.png") no-repeat;
    height:50px;
    width:250px;
}

input[type="file"]{
    opacity:0;
    height:48px;
    width:48px;
}
</style>
<div id="inputcontainer">
    <input type="file" onchange="document.getElementById('file-path').value = this.value.split('\\')[this.value.split('\\').length-1];"/>
    <input type="text" id="file-path"/>
</div>

Answer 5

Non, vous devez créer un contrôle personnalisé .