Imagen en un "input type=file"

j@n · #1 (**permalink**) 15/02/2005, 05:59

Hola,
Para subir ficheros al servidor uso "input type=file" pero ahora me piden que el EXAMINAR/Browse (según navegador) sea un GIF.

¿como puedo cambiar ese botón por un gif?
¿Tendré que separar el texto del botón? : ¿como?

Gracias. Espero su ayuda.
j@n

Muzztein · #2 (**permalink**) 15/02/2005, 07:54

al boton qaplicale un estilo, y en el estilo le colocas la imagen

checa el foro de css donde te podran ayudar mejor.

aca es de ASP

AlZuwaga · #3 (**permalink**) 15/02/2005, 09:57

Ouch, no se si se pueda... el <input type="file"> es sólo eso... botón incluído.
Igual te paso al foro de CSS a ver qué onda.

JavierB · #4 (**permalink**) 15/02/2005, 10:23

Hola j@n

En este mensaje tienes un truco de furoya (¡Hola!

) que a lo mejor te ayuda, aunque te adelanto que solo funciona en IE.

http://www.forosdelweb.com/showthrea...302#post449302

Saludos,

j@n · #5 (**permalink**) 15/02/2005, 10:26

ok gracias. Lo he copiado en el foro de CSS haber si....

¿separar el componente INPUT FILE por un campo texto y un botón (GIF) es muy complicado?
No sé si existe la manera de hacer lo mismo que hace el INPUT FILE (desde ASP) y guardar el nombre del fichero seleccionado al campo texto !!

¿Alguna pista?
thanks de nuevo
j@n

kemie · #6 (**permalink**) 15/02/2005, 10:44

aqui hay una manera de hacerlo con javascript y css, aunque es un pco compleja
http://www.quirksmode.org/dom/inputfile.html

Zerjillo · #7 (**permalink**) 15/02/2005, 17:19

En un principio no se permite hacerlo de manera directa por motivos de seguridad (para que el usuario sepa en todo momento que va a seleccionar un fichero que se subirá al servidor).

Eso no quita que se puedan hacer "trampas" y "parches" para conseguir el efecto.

Mi consejo es no hacer nada al respecto. No quedará precioso, pero al menos cumplirá su cometido

Un saludo

Zerjillo