Question

我需要将onclick事件添加到图像中，这样当我点击图像时，它将触发文件打开对话框。但它在IE10中并不起作用。

＆＃13;

$("#button").on("click",function(){
  $("#upload").trigger("click");
});

＆＃13;

#upload{
  opacity: 0;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<img id="button" src="http://www.kafkabrigade.org.uk/wp-content/uploads/2011/07/button-pic.jpg" />

<input id="upload" type="file" >

＆＃13;

Answer 1

好的，我在最新的FF，Opera，Chrome，IE8，IE9，IE10，IE11中进行了测试。它到处工作。

<强> HTML：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="file" />
<img id="button" src="http://www.kafkabrigade.org.uk/wp-content/uploads/2011/07/button-pic.jpg" />

<强> jQuery的：

$('#button').click(function() {
    $('input[type=file]').trigger('click');
});

$('input[type=file]').change(function() {
    $('input[type=text]').val($(this).val());
});

<强> CSS：

input[type=file] {
    display: block;
    height: 0;
    width: 0;
}

Working DEMO

Answer 2

This should answer your question.

触发单击事件在IE10中不起作用

2 个答案: