2011-11-23 14 views
5

Uso el plugin jQuery MultiFile. El botón de carga a continuación:jQuery MultiFile seleccione el botón de archivo

Choose File button

¿Puedo cambiar Elegir archivo texto al algo más ?? Navegar por la web no puede ayudarme.

Solo quiero un "Elija archivos" allí.

Por favor, solo diga * Sí (+ y cómo) o * No.

Gracias!

+0

posible duplicado de [botón de carga de archivos Etiquetado] (http://stackoverflow.com/questions/686905/labeling-file-upload-button) – Piskvor

Respuesta

2

No, esto es parte del control <input type="file">, y la página web no puede controlar su apariencia.

+0

alguna solución aquí: http://stackoverflow.com/questions/686905/labeling-file-upload-button – malletjo

+0

@racar: Eso es de hecho un truco - un hack bastante feo, en mi humilde opinión; y se marcará como clickjacking (porque es, por benigno que sea): http://www.gnucitizen.org/blog/more-advanced-clickjacking-ui-redress-attacks/ Gracias por señalar el duplicado, sin embargo. – Piskvor

+0

Entiendo. ¿Puedo ocultar el control de archivos y 'activarlo' a través de jquery/javascript? – Vitalyp

3

Sí, ¡encontré la mejor solución! Esto no es un truco, solo necesitamos 2 botones: original y 'falso'.

<input type="button" value="Choose Files"> 
    <input type="file"> 

falso se muestra al usuario, y tiene

z-index:1 

original se coloca encima de ella, con

z-index:2, opacity: 0; position: relative; 

y tiene devoluciones de llamada:

:onmousedown=>"buttonPush('depressed')", :onmouseup=>"buttonPush('normal')" 

    function buttonPush(buttonStatus) { 
    if (buttonStatus == "depressed") 
     document.getElementById("fake_btn").style.borderStyle = "inset"; 
    else 
     document.getElementById("fake_btn").style.borderStyle = "outset"; 
    } 

Gracias a este link http://www.dreamincode.net/forums/topic/15621-styling-a-file-browse-button/

Saludos @Piskvor, @racar

+0

¡Rock! Agregue style = "visibility: hidden" al botón de archivo y estará dorado. – JStark