0

我正在使用 Jquery 多文件上传控件来上传多个文件。非常好的插件，所有操作都运行良好。

我想在 iframe 中加载该插件，我应该从父窗口触发全局启动回发方法

以下是我的示例代码

LibraryDocs.aspx（父接口）

> <iframe style="width: 90%; height: 300px" id="multipleFileUploadFrame"
> src="../Secure/MultipleFileUpload.htm" runat="server" />

> <asp:Button ID="postCompleteButton" runat="server" Text="Post Complete" />

这是我的 MultipleFileUpload.htm

<div id="fileupload">
        <form id="multipleUpload" action="../Secure/MultipleUploadHandler.ashx" method="POST"
        enctype="multipart/form-data">
        <div class="fileupload-buttonbar">
            <label class="fileinput-button">
                <span>Add files...</span>
                <input id="file" type="file" name="files[]" multiple />
            </label>
            <button id="startUpload" type="submit" class="start">
                Start upload</button>
            <button type="reset" class="cancel">
                Cancel upload</button>
            <!--<button type="button" class="delete">Delete files</button>-->

        </div>
        </form>
        <div class="fileupload-content">
            <table class="files">
            </table>
            <div class="fileupload-progressbar">
            </div>
        </div>
    </div>

所以我的问题是在父窗口中单击 postCompleteButton 按钮后，它应该在 iframe 中的子窗口中触发 post 事件（开始按钮）

4

2 回答 2

1

如果两个页面在同一个来源，你可以参考这个，否则使用easyXDM（http://easyxdm.net/wp/）之类的库。它将允许您在 iframe 和容器窗口之间交换消息或设置远程过程调用。从文档中检查此页面 -远程过程调用

于 2013-10-30T13:05:37.447 回答
0

如果您使用的是 jQuery，则可以使用以下方式访问 iframe DOM

$('#<%= multipleFileUploadFrame.ClientID %>').contents()

考虑到这一点，要单击 iframe 中的开始上传按钮，请使用

$('#<%= multipleFileUploadFrame.ClientID %>').contents().find('#startUpload').click();

请记住，这仅在父源和 iframe 源位于同一域中时才有效，因为浏览器将遵守相同的源策略

于 2013-10-30T12:40:32.983 回答