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

Question

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

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

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

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

我已经提取了 HTML：

上传

Answer 1

以下内容应该适合您：

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

    return false;
}, false);