如何使用一个链接，而不是浏览按钮的附加文件？

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在所有的工作。有另一种方法只使用DHTML / JavaScript的（不闪光等）来获得在FF 3.5.1同样的结果或更高版本？

我们可以使用CSS来打扮的“附加文件”的链接，但是我们无法改变的浏览按钮的布局火狐搭设的形式。该IE的解决方案是通过代理让我们按一下按钮，浏览文件，但是，这并不火狐下工作。

由于提前，-Peter

Answer 1

下面是你在找什么，我相信

的样式化的输入类型= “文件”