在 iframe 内的隐藏提交按钮上使用 click() 适用于 FF 和 Chrome，但不适用于 IE 和 Opera

Question

在我网站的父页面上，我使用了一个 iframe（带有一个显示：无提交按钮），其中包含一个文件上传表单，以允许用户上传个人资料图片而无需重新加载父页面。该方法适用于 Chrome 和 FF，具有以下任一功能（'NoReloadiframe' 是 iframe 的 id，'iframePicButton' 是显示的 id：隐藏 iframe 的图片上传表单中的无提交按钮）：

function HiddenPicButton() {
    document.getElementById('NoReloadiframe').contentWindow.document.getElementById('iframePicButton').click();
}

function HiddenPicButton() {
    window.frames['NoReloadiframe'].contentWindow.document.getElementById('iframePicButton').click();
}

这是 iframe 中表单的代码：

<form action="#" enctype="multipart/form-data" method="post" id="HiddenUserPicForm">
    <button type="submit" name="iframepicbutton" id="iframePicButton" style="display:none">    
    </button>
    <input type="file" name="ifrpic" id="ifrfile">
</form>

简单来说，点击父页面上的文件上传按钮调用HiddenPicButton()，它点击iframe内的隐藏按钮，文件上传，无需重新加载父页面。

然而，隐藏按钮点击不会在 Opera 或 IE 中发生（chrome 和 FF 完全按预期工作）。有关如何解决此问题的任何指示？作为备份，我将恢复到最初使用的页面重新加载方法或尝试使用 Javascript 来检测浏览器（使用此处显示的方法：Browser detection in JavaScript?）用户正在导航并隐藏 IE 的 iframe 提交按钮和 Opera 使用 onLoad 函数。

Answer 1

试试：

function HiddenPicButton() {
  document.getElementById('NoReloadiframe').contentWindow.document.forms[0].submit();
}