Poner imagen en botón de examinar (attachment_fu)

Community ES
1

Hooola

Tengo el siguiente formulario:

<% form_for(:establishment_photo, :url => {:action => “create” },
:html => { :multipart => true }) do |f| -%>

Nueva Imagen <%= f.file_field :uploaded_data %> <%= image_submit_tag ("../images/aceptar.gif") %> <% end -%>

Y me gustarí cambiar el botón de examinar que pone por defecto para
meterle una imagen. ¿Alguien sabe como se hace?

Muchas gracias

2

Hola

<%= f.file_field :uploaded_data %>

Y me gustarí cambiar el botón de examinar que pone por defecto para
meterle una imagen. ¿Alguien sabe como se hace?

La respuesta fácil es que no se puede. Es así por diseño del estándar
HTML. El botón de un input type file no es “estilable”.

La respuesta complicada consiste en hacer triquiñuelas varias, como
meter una capa que flote por encima del botón para que el botón feo no
se vea. Eso en multibrowser tiene su mérito.

Si quieres complicarte la vida, busca por “html input type file” o
similares en google y disfruta :wink:

Una vía alternativa sería el uso de flash, que personalmente no me
gusta, pero que es muy socorrida para estas cosas.

saludos,

javier ramírez

3

javier ramirez escribió:

Y me gustarí cambiar el botón de examinar que pone por defecto para
meterle una imagen. ¿Alguien sabe como se hace?

Como bien dice Javi ese boton no es “estilable” tal cual.

Entre las triquiñuelas más conseguidas está esta de Shaun Inman, que
asegura que funciona para los principales navegadores y degrada
adecuadamente para Opera:

http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom

Saludos,
Raul M.