style pour le bouton dans input type file

**manaboko** · 09/02/2005, 08h49

J'ai vu ceci dans la FAQ Javascript , mais je donne un nom pour le type file, alors la valeur de l'èlèment choisi est perdue.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
function getfile(){ 
document.getElementById('hiddenfile').click(); 
document.getElementById('selectedfile').value=document.getElementById('hiddenfile').value 
} 
</script> 
 
</head> 
 
<body> 
<input type="file" id="hiddenfile" style="display:none" /> 
<input type="text" id="selectedfile" /> 
<input type="button" value="Select a file" onclick="getfile()" /> 
 
 
</body>

Mon problème est que je veux récuperer la valeur du fichier dans une page en php, et je ne trouve aucun autre moyen de le récuperer qu'en attribuant un nom (attribut name)à la balise <input type="file">

Cordialement

**SpaceFrog** · 09/02/2005, 09h14

et qu'est ce qui te gène dans le fait de mettre un name à la balise ?

**manaboko** · 09/02/2005, 13h26

si je mets un name à la balise du file, le fichier choisi est perdu avant que s'éxecute l'action du formulaire si on mets une formulaire dans le corps de la page

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<script>
function getfile(){ 
document.getElementById('hiddenfile').click(); 
document.getElementById('selectedfile').value=document.getElementById('hiddenfile').value 
} 
</script> 
 
</head> 
 
<body> 
<form action="aller.php" enctype="mulipart/form-data">
<input type="file" id="hiddenfile" name="hiddenfile" style="display:none" /> 
<input type="text" id="selectedfile" /> 
<input type="button" value="Select a file" onclick="getfile()" /> 
<input type="submit" value="valider">
</form>
</body>

J'ai ajoutée <form> et name="hiddenfile" dans le fichier avant que l'action soit réalisée,la valeur du fichier est d'abord vidée.
Cordialement

**Johnbob** · 09/02/2005, 14h47

Je ne comprends pas le problème... (il ne doit pas y en avoir...)

Tu copies la valeur:

Code :

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

document.getElementById('selectedfile').value=document.getElementById('hiddenfile').value

Donne le name "selectedfile" à l'input visible qui a l'id "selectedfile".

Lorsque le formulaire est validé, tu récupères la valeur en PHP (dans la page spécifiée en "action" du formulaire) avec un truc du genre $_POST["selectedfile"] (mon PHP est un peu rouillé)

Et ça tourne nickel.

style pour le bouton dans input type file

JavaScript

Discussions similaires

Partager

Partager