是否触发html文件上载文本字段？

Question

我偶然发现了一些可以在Firefox中使用但不能在Chrome中使用的代码。

似乎正在发生的是，有一个文件上传文本字段的大小在CSS中。右边还有一个上传按钮，用户可以点击打开一个对话框来选择文件。textfield的长度是60，我想它是用来覆盖“上传”按钮的，而不是调整字段的大小。我在Firebug中减少了60到50，它停止了工作。

如何从上载按钮调用文件上载对话框？我想我需要向文本字段发送某种类型的单击事件。

File: __________________ Upload   | Clicking field or Button opens file dialog

我已提取HTML：

<input name="fileField" id="fileField" type="file" size="60">
<span><input type="text" id="fileUploadField"><span></span></span>
<a href="javascript://" class="button" id="uploadButton"><span class="action">Upload</span></a>

Answer 1

以下内容应适用于您：

document.getElementById('uploadButton').addEventListener('click', function(){
    document.getElementById('fileField').click();

    return false;
}, false);