jquery - IE10 - 选择要上传的文件后必须单击 2 次才能提交表单

Question

在表单中，我有一个使用 jquery 和 css 蒙皮的文件输入以及一个提交按钮。

<form action="#" method="POST">
  <input style="width:150px" type="hidden" name="MAX_FILE_SIZE" value="40000"/>
  <div class="l-input-file">
    <input style="margin-bottom: 0px" type="file" id="myInput" name="myInput" size="16" />
  </div>
  <div><button type="submit" class="btn-black">Continuer</button></div>
</form>

http://jsfiddle.net/CsL9t/

此处的问题仅出现在 IE10 上:选择文件后，必须单击提交按钮 2 次才能提交表单。

我尝试在文件输入更改时强制将焦点放在按钮上，但没有帮助。

我尝试使用 jQuery 触发点击，

jQuery('#myInput').parents('form').find("button[type='submit']").click();

但在第三次提交之前，我收到了两次“访问被拒绝”的消息。

任何意见或建议将不胜感激。 谢谢

Answer 1

$input.trigger('click'); 是导致访问被拒绝错误的原因。 在文件输入上触发单击事件会污染 IE 中的文件输入，从而阻止(在某种程度上)您提交表单或将其与 FormData 一起使用。对象。

另请参阅getting access is denied error on IE8