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

Ili*_*ans 11 html javascript jquery internet-explorer file-upload

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

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

JS/jQuery:

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

$("#file").dblclick(function(){
    alert("Double");
});
Run Code Online (Sandbox Code Playgroud)

现在上面的代码提醒"Double"但不打开窗口.有没有办法来解决这个问题?

提前致谢.

lso*_*ira 9

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

如果你能够花一点时间来实现一个解决办法,确实创造了相当不错的上传组件的工作的一个很好的那更易于管理.我确定快速谷歌会列出许多其他关于如何设置文件上传组件样式的示例.

  • 我有同样的问题,我的自定义输入看起来不错,但IE用户不得不双击.对于那些懒得单击链接的人:使文件输入元素的字体大小为巨大(文章建议100px,我的表格需要200px.它会打开按钮,因此文本输入部分变得很小.谢谢! (2认同)