javascript - 单击选择文件在 chrome 中不起作用

Question

我正在尝试在用户单击按钮时选择文件，但这仅在 chrome 中不起作用

看看我是怎么做到的

$("#upllnk").click(function() {
    $("#ufile").click();
});

这是我的html代码

<a href="#" class="wb" id="upllnk">Select File To Upload</a>
<div style='display:none'><input type='file' name='ufile' id='ufile'/></div>

将 input:file 放入 div 的原因是为了隐藏该元素。

Answer 1

在 Esailija 之后有用的评论，我下载了一个可移植版本的谷歌浏览器 (8.0.552.215)，但确实没有用。

正如 Esailija 所建议的那样，您可以使用 opacity 解决方法

<div style='opacity:0;'><input type='file' name='ufile' id='ufile'/></div>
            ^^^^^^^^^ setting the opacity to 0 "hides" the input element

这是一个有效的 fiddle