forms - 为什么我的表单不能在 Internet Explorer 9 中上传文件？

Question

欢迎收看“为什么 Internet Explorer 如此糟糕？”的第 32,342,343 集...

我看到很多报告说 IE9 在上传文件方面做得很糟糕。显然，它有很多关于何时会或不会起作用的警告(如果有人有明确的 list ，我很乐意看到它)。但是，我发现的大多数问题/解决方案都与 javascript 有关，通常是 jQuery 表单插件或类似的东西。

我的表单不是通过 AJAX 提交的，并且文件输入字段没有被 css 隐藏或遮挡。然而，我每天从 IE9 上尝试提交表单的用户那里收到几张支持票，但“什么也没发生”(=表单提交。没有错误，但文件没有上传。)我没有收到任何投诉不同的浏览器，甚至 IE8 似乎也可以工作(和以往一样)。

这是我的表格的顶部。我错过了什么吗？

<form action="http://mysite.dev/account-settings/?open=resume" method="post" class="wpjb-form" enctype="multipart/form-data">    

        <input type="hidden" name="resume_form" value="resume_form" />
        <fieldset class="wpjb-fieldset-default">

            <input id="firstname" name="firstname" type="hidden" class="regular-text " value="John" />
            <input id="lastname" name="lastname" type="hidden" class="regular-text " value="Henry" />
            <input id="email" name="email" type="hidden" class="regular-text " value="john.henry@johnhenry.com" />

            <div class="wpjb-element-input-checkbox wpjb-element-name-is_active">
                <label class="wpjb-label">Show resume? </label>
                <div class="wpjb-field">
                    <label for="is_active_1"><input type="checkbox" class="" name="is_active" id="is_active_1" value="1" checked="checked" /> Yes <small style="display:inline;">(Uncheck to hide your resume)</small></label>

                </div>
            </div>
            <div class="wpjb-element-input-select-one wpjb-element-name-file">
                            <label class="wpjb-label">Upload a <i>new</i> resume file</label>
                <div class="wpjb-field">
                    <input style="line-height:1em;" id="file" name="file" type="file" class="regular-text " />
                    <small class="wpjb-hint">Accepted file types: doc, docx, odf, pdf, rtf</small>
                </div>
            </div>
        </fieldset>
        ...

它继续这样，还有几个 <fieldset> s 然后像这样结束:

    ....
    <p class="submit">
        <input type="submit" name="Submit" id="wpjb_submit" value="Save Changes" />
    </p>
</form>

更新
我为所有从未遇到过这个问题的人感到高兴，但不仅仅是我:
http://answers.microsoft.com/en-us/ie/forum/ie9-windows_vista/cannot-upload-files-using-internet-explorer-9/5724d921-ae71-e011-8dfc-68b599b31bf5

更新2
我看到很多建议添加元标记以强制用户代理使用 IE8... <meta http-equiv="X-UA-Compatible" content="IE=8" />我不想这样做，因为虽然我确实支持 IE8，但我网站上的许多元素在 IE8 和 IE9 中呈现不同。这将创建一个相当草率的用户体验，因为任何 IE 用户都会在该特定页面上临时“时间扭曲”回到 IE8。

Answer 1

我能够通过在 setTimeout 中包装 jQuery 表单提交来解决这个问题的噩梦:

$('#complete_profile input[type="submit"]').click(function(){
  setTimeout(function() {
    $('#complete_profile form').submit();
  }, 0);
});

但是，当表单确实提交时，这可能会导致重复提交，所以要小心。