触发html文件上传文本字段？

Question

我偶然发现了一些可在Firefox中运行的代码，但不适用于Chrome。

似乎正在发生的事情是，有一个文件上载文本字段的大小在CSS中。 右侧还有一个“上传”按钮，供用户单击以打开一个对话框来选择文件。 文本字段的长度为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);