Question

我正在使用图像（并输入“文件” - >隐藏），当用户点击图像时，它会执行以下代码：

$('#edtFile1').click(); //edtFile1 is the input for file choose...

它在FF，Chrome和IE＆gt; 8中工作，在IE8中它无法正常工作，我使用jQuery 1.9将点击图像绑定到此代码：

//bind click on image-->file browse      
$("#btnimg1").click(function(event) {
    $('#edtFile1').click();
});

Answer 1

IE不允许像你一样进行文件上传控制触发操作。而不是你可以像下面那样做。设置文件上传控制不透明度为0.

<div style="position:relative;display:inline-block;left:-4px;bottom:-6px;width:16px;  height: 24px;overflow:hidden;">
<img src="/images/attach.jpg" alt="" title="Add Attachment" style="height:24px;width:16px; position: relative;top: 1px; left: 0px;"/>
<input type="file" id="fileupload" name="upload" style=" opacity: 0;font-size: 50px;width:16px; filter:alpha(opacity: 0);  position: relative; top: -22px; left: -1px" />
</div>

如需进一步参考，请参阅此内容。 In JavaScript can I make a "click" event fire programmatically for a file input element?

演示： http://jsfiddle.net/k6zBQ/2/

OpenFile对话框在IE8中使用jquery还是JavaScript无效？

1 个答案: