Как использовать ссылку вместо кнопки просмотра, чтобы прикрепить файл?

Question

У меня есть такая форма:

<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>

И связанный с ним javascript.

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);
}

Это прекрасно работает для IE, но совсем не работает для FireFox 3.5.1. Есть ли другой способ получить тот же результат в FF 3.5.1 или более поздней версии, просто используя dhtml / javascript (без Flash и т. Д.)?

Мы можем использовать CSS, чтобы переодеться в "Attach File" ссылку, но мы не можем изменить расположение кнопки просмотра, которую FireFox помещает для формы. Решение IE позволяет нам через прокси-сервер нажимать кнопку, чтобы найти файл, но это не работает в FireFox.

Заранее спасибо, -peter

Answer 1

Вот то, что вы ищете, я думаю,

Стилизация стиля ввода = " файл "