Comment afficher entièrement le nom d'un fichier avec input type file

Bonjour,

Comment se fait-il que le nom du fichier charger par

Code:

---

<input type="file">

---

ne s'affiche pas entièrement ?? Comment résoudre ce problème très genant.

pour exemple: bouton(choisissez un fichier), nom du fichier(test_doc...pdf)
au lieu de (test_document_partie1.pdf)

information: il y a assez de place pour afficher le nom complet du fichier, j'ai essayé d'agrandir la taille de l'input type file avec "size" mais ça n'a aucun effet.

QQun a une idée ??

je dirais size :

Code:

---

<input type="file" size="200"></input>

---

(200 par exemple, mais à adapter bien sûr ^^ c'est en pixels)

merci pour votre réponse, seulement j'ai déjà utiliser le size et ça n'a absolument aucun effet
Une autre idée ??

Je suis tout de même étonné que personne n'ai parlé du problème auparavant, j'ai beau cherché partout sur la toile et je ne trouve aucun sujet traitant de ce problème (sauf si je pose mal ma question a google).

Parce que ça dépend du navigateur. Parce que tous les navigateurs ne gèrent pas de la même manière. Parce que tu testes sur Chrome. Parce que c'est un comportement qu'on ne peut pas modifier.

A mon sens, la première question à se poser est

Citation:

---

Comment résoudre ce problème très genant.

---

en quoi est-ce très gênant ? :koi:

Le seul intérêt du contenu d'un input file est coté serveur. Au niveau navigateur (et particulièrement vu sous l'angle HTML) la valeur d'un champ file n'a absolument aucune utilité...

À la limite c'est sympa, si on a oublié quel fichier on a mis dedans, de pouvoir vérifier le nom en un coup d'œil avant d'envoyer.

Mais enfin, 'faut quand même exagérer un brin pour dire que ne pas pouvoir le faire est très gênant. Si on a un doute il vaut mieux recliquer sur Parcourir.

Bonjour,
1/ "très gênant" : pas tant que ca. Mais c'est vrai que sur Chrome et Safari, le nom s'affiche tronqué : nomd.....ier.jpg
Ce n'est effectivement pas très malin de leur part et complètement inutile !
Autant ne rien afficher du tout !

2/ à voir ici :
- l'explication de "C:\fakepath\"
- un moyen d'afficher le nom du fichier

Citation:

---

For historical reasons, the value IDL attribute prefixes the filename with the string "C:\fakepath\". Some legacy user agents actually included the full path (which was a security vulnerability). As a result of this, obtaining the filename from the value IDL attribute in a backwards-compatible way is non-trivial. The following function extracts the filename in a suitably compatible manner:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

function extractFilename(path) { if (path.substr(0, 12) == "C:\\fakepath\\") return path.substr(12); // modern browser var x; x = path.lastIndexOf('/'); if (x >= 0) // Unix-based path return path.substr(x+1); x = path.lastIndexOf('\\'); if (x >= 0) // Windows-based path return path.substr(x+1); return path; // just the filename }

---

This can be used as follows:

Code:

---

1 2 3 4 5 6 7 8

<p><input type=file name=image onchange="updateFilename(this.value)"></p> <p>The name of the file you picked is: <span id="filename">(none)</span></p> <script>  function updateFilename(path) {    var name = extractFilename(path);    document.getElementById('filename').textContent = name;  } </script>

---

---

Pour que ca marche aussi sur IE(8), il faut changer .textContent par .innerHTML

Merci beaucoup pour vos réponses et avis,

en ce qui concerne le coté gênant, ce n'est pas pour moi c'est pour le client qui a besoin d'une administration et le client ne s'y connait pas du tout en internet, si il lui manque une partie d'un nom de fichier il pourrait penser indéfiniment que le fichier n'a pas été trouver comme il faut et recommencer.

EN tout cas merci pour ce bout de code qui va sans doute changer la done.

Citation:

---

Envoyé par artenis

en ce qui concerne le coté gênant, ce n'est pas pour moi c'est pour le client qui a besoin d'une administration et le client ne s'y connait pas du tout en internet, si il lui manque une partie d'un nom de fichier il pourrait penser indéfiniment que le fichier n'a pas été trouver comme il faut et recommencer.

---

Effectivement, ces comportements peuvent se rencontrer.
Mais il me semble qu'il faut tabler sur la progressive intégration de cet aspect par ses utilisateurs, qui de toutes façons seront confrontés à l'identique partout sur le web. Il faut bien qu'ils commencent à l'accepter quelque part. Sur ce site ou sur un autre ^^

Comme d'habitude, au final sur le terrain, ceux qui savent expliqueront aux autres ;)