javascript - 文件上传警报后关闭模式弹出窗口

Question

我有一个使用 IFRAME上传文件的场景。我想要的是成功上传文件后，我想关闭 modal 弹出窗口。但它不适用于我的情况。我尝试过像下面这样

function CloseWindowFunction() {
        alert('PDF uploaded successfully');
        $('.modal-dialog').modal('toggle');
    }

另请参阅相同的 html

<div class="modal fade" id="dvFileUpload" tabindex="-1" role="dialog" aria-labelledby="dvFileUploadTitle" aria-hidden="true" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLongTitle">File Upload</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body" data-keyboard="false">
                <iframe id="ifrmFileUpload" clientidmode="Static" runat="server" style="overflow: hidden; border: none" frameborder="0" scrolling="no"></iframe>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

那么，我应该如何关闭该模式弹出窗口，因为我的代码无法使用 toggle 属性。

Answer 1

我认为您正在 iframe 内调用 CloseWindowFunction() 。如果是这样，请在父页面中创建一个函数，例如 hideModalPopup:

function hideModalPopup(){
   $('.modal-dialog').modal('toggle'); 
   //OR - $('.modal-dialog').modal('hide');
}

像这样在 CloseWindowFunction() 中调用上面的函数 hideModalPopup() 。 CloseWindowFunction() 已编辑，请检查下面。

function CloseWindowFunction() {
        alert('PDF uploaded successfully');
        window.parent.hideModalPopup();
}