Discussion :

[ticroch]

Bonjour à tous,

je voudrais pourvoir uploader un fichier sans avoir d'input "file" visible. Comme c'est moche et non modifiable, je la cache, et simule un click dessus au moment ou je clique sur un bouton ou une image. Quand le fichier est choisi, le formulaire est envoyé automatiquement.

Par exemple ici:

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
19
 
<?php
        if (isset($_FILES["Filefield"])) {
                print_r($_FILES);
                die();  
        }
?>
 
<script type    = 'text/javascript' src= 'jquery.js'></script>
 
<input type='button' value='test' onclick="$('#Filefield').click();" />
<br/>
<form id='myForm' method='POST' enctype='multipart/form-data' target='myFrame'>
    <input type='file' name='Filefield' id="Filefield" style='display:none' onchange="$('#myForm').submit();"/>
</form>
 
<iframe name='myFrame' width='500px' height="500px">
 
</iframe>

Mais ce code functionne sous Firefox, Google Chrome, mais bien sur pas sous IE, il ne veut pas envoyer le formulaire(uelquesoit la version de IE).

J'ai fais des tests, l'évenement onchange se déclenche, mais le formulaire n'est pas envoyé.

Je sais pas si c'est un truc de sécurité de la part de IE, où un bug ....

Si quelqu'un à une idée de comment contourner le probleme, ca m'aiderait bien.

Merci d'avance.
Cordialement

[SpaceFrog]

tu ne peux pas renseigner dynamiquement un input file.
=> tu ne peux pas lui mettre de value

[ticroch]

Non je ne met pas de value, je simule le clique sur l'input file, pour que ça ouvre le FileChooser (je sais pas comment ca s'appelle, ca c'est le nom en Java).

Parce que les input de type file sont vraiment moches .... donc je veux les cacher.

[SpaceFrog]

he ben c'est parce qu'il est en display:none

les elements en display none ne sont pas envoyés

mets le plutot en visibility: hidden
ou joue sur l'opacity

[ticroch]

t'es sur que les éléments cachés ne sont pas envoyés, je vais faire un test tout à l'heure.

Mais ca ne change rien au probleme, même en retirant le display:none ca marche pas.

On peut observer que lorsque je choisis le fichier, la valeur va bien être saisie dans l'input. Par contre, lorsque je submit le formulaire, l'input va devenir vide et le formulaire n'est pas envoyé !!!

[SpaceFrog]

Oui un element en display none n'est pas dans le flux DOM et n'est donc pas envoyé

fais plutot un var_dump de $_FILES qu'un print_r

[ticroch]

j'ai essayé sur tous les browser une input avec display:none est quand meme envoyée. Essaye ce code et tu verra que le parametre test est envoyé :

Code :

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

1
2
3
4
5
 
<form target='_blank'>
	<input type="text" name='test' style='display:none' value='1'/>
	<input type='submit' value='envoyer'/>
</form>

Que ce soit print_r ou var_dump change rien le formulaire n'est pas envoyé du tout, j'avais mis un echo au début du fichier, il n'est jamais affiché !!!

Mon problème ici est vraiment quand jesimule le click, si je fais juste ce code la, le formulaire est envoyé :

Code :

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

1
2
3
4
 
<form id='myForm' method='POST' enctype='multipart/form-data' target='myFrame'>
    <input type='file' name='Filefield' id="Filefield" onchange="$('#myForm').submit();"/>
</form>

si je fais celui-ci, il ne l'est pas (enfin sous IE juste !)

Code :

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

1
2
3
4
5
6
 
<input type='button' value='test' onclick="$('#Filefield').click();" />
<br/>
<form id='myForm' method='POST' enctype='multipart/form-data' target='myFrame'>
    <input type='file' name='Filefield' id="Filefield" onchange="$('#myForm').submit();"/>
</form>