<input type="file" value="Browse" name="avatar" id="id_avatar" />
Ho provato a modificare il valore
, ma non funziona. Come personalizzare il testo del pulsante?
Potete invece mettere un'immagine e fare così:
HTML:
<img src="/images/uploadButton.png" id="upfile1" style="cursor:pointer" />
<input type="file" id="file1" name="file1" style="display:none" />
JQuery:
$("#upfile1").click(function () {
$("#file1").trigger('click');
});
CAVEAT: In IE9 e IE10 se si attiva l'onClick in un input di file tramite javascript, il modulo sarà contrassegnato come 'pericoloso' e non può essere inviato con javascript, non so se può essere inviato tradizionalmente.
EDIT: Vedo ora dai commenti che stai chiedendo del testo del pulsante e non del percorso del file. Colpa mia. Lascerò la mia risposta originale qui sotto nel caso in cui qualcun altro che si imbatta in questa domanda la interpreti come ho fatto io in origine.
Secondo EDIT: Ho cancellato questa risposta perché ho deciso che ho frainteso la domanda e la mia risposta non era rilevante. Tuttavia, i commenti in un'altra risposta indicavano che le persone volevano ancora vedere questa risposta, quindi la sto cancellando.
MIA RISPOSTA ORIGINALE (pensavo che l'OP stesse chiedendo del percorso, non del testo del pulsante):
Questa non è una funzione supportata per motivi di sicurezza. Il browser Opera lo supportava, ma è stato rimosso. Pensate a cosa sarebbe possibile se questo fosse supportato; potreste fare una pagina con un input per il caricamento di un file, pre-compilarlo con un percorso a qualche file sensibile e poi inviare automaticamente il modulo usando javascript innescato dall'evento onload
. Questo accadrebbe troppo velocemente perché l'utente possa fare qualcosa.