表单提交到iframe - 奇怪的x浏览器问题

Question

我的代码存在一些奇怪的问题，因为它只适用于Internet Explorer 11（仅在11中测试过），并且在Firefox 25.0.1或Chrome 31中无效。

我希望我的表单可以在iframe中提交，这样我就可以在后台处理图片上传了。但是由于这个问题我没有做得太多。

这是我的代码：

<form method="post" action="/components/com_jshopping/templates/hb/product/ajax/uploadImage.php" id="uploadImageForm" enctype="multipart/form-data" target="HBUPLOADFRAME">
    <input type="hidden" name="uploadImage" value="UPL">
    <input type="file" name="image" id="imgUploadFile">
</form>
<iframe name="HBUPLOADFRAME" id="imgUploadFrame" src="/components/com_jshopping/templates/hb/product/ajax/uploadImage.php" height="50" width="300" style="border: 0;"></iframe>

<script type='text/javascript'>
    jQuery(document).on('change', '#imgUploadFile', function() {
        jQuery("#uploadImageForm").submit();
    });
</script>

提前致谢！