0

我有如下表格：

<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 来修饰“附加文件”链接，但我们不能更改 FireFox 为表单设置的浏览按钮的布局。IE 解决方案允许我们通过代理单击按钮来浏览文件，但这在 FireFox 下不起作用。

在此先感谢，-彼得

4

1 回答 1

1

这就是你要找的，我相信

样式化输入 type="file"

于 2009-08-03T20:22:45.523 回答