Iframe 中的表单未使用 Jquery 在 IE11 中提交

Question

从下面的代码来看，alert函数应该在表单提交之后执行。但它是第一次执行，之后就不会了。它在除IE11之外的所有浏览器中都可以正常执行。

代码：

<iframe id="iframeID">
<form id="profile">
<input type="file" id="UPLOADED_FILE" name="UPLOADED_FILE" value="" >
<input type="submit" name="save_photo" value="Save" onclick="pressUpload();">
</form>
</iframe>

function pressUpload() {
    var iframe_document = document.getElementById('iframeID').contentWindow.document;
    var form_profile = $(iframe_document).find('#profile');
    var file_input_field = $(form_profile).find('input[name=UPLOADED_FILE]');

    $(file_input_field).bind('change', function () {
        var value = $(this).val();

        if (value) {

            $(form_profile).submit();


            if (navigator.userAgent.indexOf("MSIE") > -1 && !window.opera) {
                iframe.onreadystatechange = function () {
                    if (iframe.readyState == "complete") {

                        alert("HI");
                    }
                };
            }
        }
    })
}

Answer 1

这是编写标记的无效方式。 但您不应像在您的案例中那样在 iframe 的开始/结束标签之间使用任何元素。

实际上只有在任何浏览器都不支持此元素时才会执行。 @MDN you can see the example1

<iframe src="page.html" width="300" height="300">
 <p>Your browser does not support iframes.</p>
</iframe>