javascript - 单击文件输入在 IE 中打开浏览窗口

Question

我在使文件输入按我想要的方式工作时遇到了一些麻烦。文件元素由两部分组成，文本字段和浏览按钮。在 IE 以外的其他浏览器中，单击其中任何一个都会打开一个窗口，您可以在其中选择文件。但在 IE 中，它仅在我单击浏览按钮时打开。如果我单击它旁边的文本字段，我必须双击才能打开窗口。有没有办法用 javascript 解决这个问题，所以单击文本字段也会打开窗口？我尝试了以下方法，但没有用。 (代码比实际例子简化了很多)

HTML: <input id="file" name="file" type="file"/>

JS/jQuery:

$("#file").click(function(){
    $(this).trigger("dblclick");
});

$("#file").dblclick(function(){
    alert("Double");
});

现在上面的代码警告“Double”但不打开窗口。有办法解决这个问题吗？

提前致谢。

Answer 1

由于整个控件是浏览器的 native 控件(并且永远不会显示为文本框加按钮)，您根本无权访问允许您调用上传按钮的方法/事件。我相信这主要是为了避免网站欺骗用户上传非预期文件。

如果您能设法花一点时间来实现解决方法，this在创建一个更易于管理的相当不错的上传组件方面做得很好。我相信快速 google 会列出许多关于如何设置文件上传组件样式的其他示例。