Comment afficher entièrement le nom d'un fichier avec input type file [Résolu]

artenis · 08/09/2011, 14h01

Bonjour,

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

Code :

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

<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 ??

RomainVALERI · 08/09/2011, 16h45

je dirais size :

Code html :

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

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

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

artenis · 08/09/2011, 16h54

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).

Bisûnûrs · 08/09/2011, 16h58

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.

Bovino · 08/09/2011, 17h02

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 ?

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é...

thelvin · 08/09/2011, 18h10

À 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.

jreaux62 · 08/09/2011, 23h19

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 :

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

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 :

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

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

artenis · 09/09/2011, 13h38

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.

RomainVALERI · 09/09/2011, 13h47

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

08/09/2011, 14h01	#1
artenis Invité régulier Inscription : février 2011 Messages : 128 Détails du profil Informations forums : Inscription : février 2011 Messages : 128 Points : 9 Points : 9	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 : Sélectionner tout - Visualiser dans une fenêtre à part <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 ??
	00

08/09/2011, 16h45	#2
RomainVALERI Expert Confirmé Sénior Romain VALERI POOête Inscription : avril 2008 Messages : 2 573 Détails du profil Informations personnelles : Nom : Romain VALERI Âge : 35 Localisation : France, Meurthe et Moselle (Lorraine) Informations professionnelles : Activité : POOête Informations forums : Inscription : avril 2008 Messages : 2 573 Points : 4 075 Points : 4 075	je dirais size : Code html : Sélectionner tout - Visualiser dans une fenêtre à part <input type="file" size="200"></input> (200 par exemple, mais à adapter bien sûr ^^ c'est en pixels) __________________ ...pour les linguistes et les curieux >>> générateur de phrases aléatoires __________________
	00

08/09/2011, 16h54	#3
artenis Invité régulier Inscription : février 2011 Messages : 128 Détails du profil Informations forums : Inscription : février 2011 Messages : 128 Points : 9 Points : 9	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).
	00

08/09/2011, 16h58	#4
Bisûnûrs Modérateur Josselin Développeur Web Inscription : janvier 2004 Messages : 9 050 Détails du profil Informations personnelles : Nom : Josselin Âge : 29 Localisation : France, Rhône (Rhône Alpes) Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : janvier 2004 Messages : 9 050 Points : 12 181 Points : 12 181	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.
	00

08/09/2011, 18h10	#6
thelvin Expert Confirmé Sénior Inscription : septembre 2004 Messages : 5 082 Détails du profil Informations forums : Inscription : septembre 2004 Messages : 5 082 Points : 7 006 Points : 7 006	À 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.
	00

09/09/2011, 13h38	#8
artenis Invité régulier Inscription : février 2011 Messages : 128 Détails du profil Informations forums : Inscription : février 2011 Messages : 128 Points : 9 Points : 9	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.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email