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();

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

我们非常感谢任何意见或建议。感谢

Answer 1

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

另见getting access is denied error on IE8

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

1 个答案: