IE8 / 9 jquery .load（）与其他浏览器的行为不同

Question

嘿伙计们我有一个文件我需要上传它，我正在使用iframe上传图像，如下所示不刷新页面。

<form id="uploadImg" target="iframe" action="action.php" method="post" enctype="multipart/form-data">
    <div class="btn btn-lg btn-primary">
        <span>Choose File</span>
        <input id="imgToBeUploaded" type="file" class="upload" name="image"/>
    </div>
</form>

<iframe name="iframe" id="iframe" style="display:none" ></iframe>

我的Javascript看起来像这样

$("iframe").load(function(){
    $('#image-uploaded').modal('show');
});

$('body').on('change','#imgToBeUploaded', function() {
    $("#uploadImg").submit();
});

基本上，一旦选择了文件，表单就会被提交，并且引导模式会显示出来。

在Chrome中会出现预期的行为，一旦我提交文件，模式就会显示出来。但是在IE9中，模式显示在页面加载和表单提交上。

如何阻止它在页面加载中显示？

谢谢