File Style: plugin para jQuery

1 COMENTARIO -  Publicado hace 14 meses -  Clasificado en: , ,

Los navegadores no permiten aplicar estilo a los input file. File Style Plugin resuelve este problema, permitiendo usar una imagen como botón.

FileStyle

Este plugin esta inspirado en un trabajo anterior que realizó Shaun Inman y su uso es realmente sencillo. Basta incluir jQuery File Style:

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.filestyle.js" type="text/javascript"></script>

y añadir un código similar al siguiente:

$("input[type=file]").filestyle({ 
     image: "choose-file.gif",
     imageheight : 22,
     imagewidth : 82,
     width : 250
});

Donde "choose-file.gif" sería nuestra imagen personalizada y el resto de parámtros tanto las dimensiones de la imagen como las del elemento input.

File Style Plugin » »

Algunas entradas relacionadas:

También te puede interesar:

COMENTARIOS

Publicado hace 14 meses
cmacias -   http://www.cmacias.com

Yo tenía hecho algo similar por Mayo del año pasado cuyas css mejoré con algún añadido más ...

Sólo con CSS
http://www.cmacias.com/maquillar-un-input-file-upload/

Y también con algo de js
http://www.cmacias.com/maquillar-un-file-upload-2/


Haz un comentario

¡Gracias por dejar tu opinión! Por favor procura que tu comentarios sean apropiados respecto al tema tratado en la entrada; que no sean spam, u ofensivos, de otro modo, serán eliminados. Todos los comentarios serán moderados antes de su publicación por lo que su aparición en la web puede verse aplazada un cierto tiempo. Si deseas realizar algún comentario, crítica o sugerencia sobre la propia web puedes hacer a través de la siguiente dirección de correo: webintenta@webintenta.com