Come modificare il testo del pulsante di <input type = "file" />?

257

<input type="file" value="Browse" name="avatar" id="id_avatar" />

Ho provato a modificare il value, ma non funziona. Come personalizzare il testo del pulsante?

html input

— user198729
fonte

Stai parlando del nome del file o del testo del pulsante?

— Artelius

possibile duplicato del pulsante Come rinominare HTML?

— Ciro Santilli 8 冠状病六四事件法轮功

153

Utilizzare Bootstrap FileStyle , utilizzato per definire lo stile dei campi file dei moduli. È un plugin per una libreria di componenti basata su jQuery chiamata Twitter Bootstrap

Esempio di utilizzo:

Includere:

<script type="text/javascript" src="js/bootstrap-filestyle.min.js"> </script>

Tramite JavaScript:

$(":file").filestyle();

Tramite attributi di dati:

<input type="file" class="filestyle" data-classButton="btn btn-primary" data-input="false" data-classIcon="icon-plus" data-buttonText="Your label here.">

— Fernando Kosh
fonte

Non sembra funzionare per me. Mostra ancora i pulsanti predefiniti di Brorser. Inoltre, la demo su github.com/markusslima/bootstrap-filestyle.git non funziona neanche - tutti gli esempi mostrano i pulsanti predefiniti. Mi sto perdendo qualcosa?

— Ya.

@Tony Uhh .... cosa ti fa pensare che Bootstrap non stia utilizzando anche il "stravagante <img /> hack" sottostante? :-)

— Andz,

@Ya puoi dire quale browser e quale versione? Testato ora su Chrome versione 43.0.2357.130 (64 bit) su Linux e tutti gli esempi funzionano perfettamente.

— Fernando Kosh,

Lanciare una libreria javascript (con un plugin!) Su un problema così piccolo è un eccesso eccessivo.

— MKaama,

Downvoted. Non è nemmeno una risposta, solo una soluzione alternativa che richiede una libreria aggiuntiva. La risposta dovrebbe essere intesa a modificare il comportamento di rendering per i browser.

— wdetac,