Come si utilizza un collegamento anziché il pulsante Sfoglia per allegare un file?

Question

Ho un modulo come il seguente:

<form id="submit_idea" name="submit_idea" method="post" action="">
  <a class="attach" title="Attach a file" onclick="clickAttachment()"
     href="javascript:void(0)">Attach File</a>
  <span id="id_filename"/>
  <input id="id_attachment" type="file" name="attachment"/>
  <input class="submit_btn" type="image" alt="Submit Idea" src="/static/img/submit_idea.png"/>
</form>

E il javascript associato che lo accompagna.

function updateAttachment() {
    var val = $("#id_attachment").attr("value");
    if (val) {
        var name = val.split('\\');
        $("#id_filename").html(name[name.length - 1]);
    }
    else {
        setTimeout(updateAttachment, 500);
    }
}

function clickAttachment() {
    jQuery('#id_attachment').click();
    setTimeout(updateAttachment, 500);
}

Funziona alla grande con IE, ma non funziona affatto con FireFox 3.5.1. C'è un altro modo per ottenere lo stesso risultato in FF 3.5.1 o versioni successive usando semplicemente dhtml / javascript (no Flash, ecc.)?

Possiamo usare i CSS per vestire il " Allega file " link, ma non possiamo modificare il layout del pulsante Sfoglia che FireFox imposta per il modulo. La soluzione IE ci consente tramite un proxy di fare clic sul pulsante per cercare un file, ma non funziona con FireFox.

Grazie in anticipo, -peter

Answer 1

Ecco quello che stai cercando, credo

Designazione di un tipo di input = " file "