Page 1 sur 1

bouton image à la place du type file

Posté : 28 oct. 2008, 23:01
par x@v
Bonjour,
j'aimerai mettre un bouton à la place d'un champ de formulaire de type File.

Code : Tout sélectionner

<input id="photo" type="file" name="photo[]" />
Merci

Re: bouton image à la place du type file

Posté : 28 oct. 2008, 23:12
par Calimero
Bonsoir,

Une question : qu'est ce qui te fait croire que c'est possible ?

Posté : 28 oct. 2008, 23:17
par x@v
rien est impossible pour l'humanité

Posté : 28 oct. 2008, 23:34
par Hywan
Hey :),

Tu n'es pas l'humanité, c'est impossible à l'heure actuelle.

Édition : ou sinon tu utilises du Javascript comme un gros goret.

Posté : 28 oct. 2008, 23:36
par Calimero
Dans ce cas je te renvoie vers l'humanité. Parceque chez nous, on ne sait pas faire.

L'input type file est un élément HTML très sensible au niveau sécurité, et très peu de choses sont possibles pour en modifier l'aspect et/ou le fonctionnement. Si on ajoute à cela une notion d'ergonomie pour l'utilisateur, le mieux est de le laisser tel qu'il est.

Edit : la méthode javascript dont HyWaN parle, je ne la conseille pas : son support par les différents navigateurs est aléatoire (Et si tu caches complètement l'input type file, il n'y a aucune alternative pour l'utilisateur).

Posté : 28 oct. 2008, 23:51
par x@v
sans le cacher, j'essaie au click sur l'image, d'ouvrir le bouton parcourir.
librairie jquery

Code : Tout sélectionner

$('uploadLogo').click ( $('#logo').append('<p><input type="file" name="photo[]" /></p>'); $(".formLogo").submit(function(){}); );
sa ne m'ouvre pas le champs file ?
PS: avec une librairie aucun problème de comptabilité, je dois l'intégrer à un back-office, donc au niveau sécurité aucun problème.
edit: avec un trigger sa peux passer ?

Posté : 28 oct. 2008, 23:54
par Hywan
Hmm :-k … je ne suis pas sûr qu'on parle de la même méthode. Je pensais cacher effectivement le champ de type fichier, et avec une image on redirige le focus, tout « simplement ». C'est Javascript qui cache le champs (via CSS par exemple). Donc si Javascript est désactivé, tout est normal.
Je ne connais pas la méthode dont tu parlais (car elle a l'air « standard »).