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

Question

我偶然发现了一些适用于 Firefox 但不适用于 Chrome 的代码。

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

如何从“上传”按钮调用文件上传对话框？我想我需要向文本字段发送某种点击事件。

文件：__________________ 上传 | 单击字段或按钮打开文件对话框

我已经提取了 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">上传</span></a>

Answer 1

以下内容应该适合您：

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

    return false;
}, false);