Question

我想提交通过对话框完成的表格，表格如下，

<div id="changeProfileDialogSND" style="display:none;width: auto; min-height: 0px; height: 50px;" scrolltop="0" scrollleft="0">

<form id="uploadImageAttrForm"  
        action="/local/..."     
        enctype="multipart/form-data" method="post" style="padding-left: 10px">
        <h4>Upload your profile image:</h4><br/>
        <br/>           
        <input id="imageUploadAttr"
        size="40" name="image" type="file" />
        <br/> 
        <input type="submit" name="add" value="add" />

        <br/><br/>      
    </form>    </div>
<div id="changeProfileImage" style="width: 150px; height: 150px; background-color: rgb(0, 0, 0);">ChangeImage</div>

我有以下功能在对话框中显示此表单，

$( "#changeProfileImage" ).click(function() {
    $( "#changeProfileDialogSND" ).dialog( "open" );
        return false;
});

$( "#changeProfileDialogSND" ).dialog({
    autoOpen: false,
    height: 240,
    width: 440,
    resizable: false,
    modal: true
});

现在的问题是这个表单是在对话框中显示并通过操作提交的，这个表单基本上是将图像上传到我的服务器，但是我无法在相同或不同的对话框中显示结果，它会转到url（action）并提交文件并显示纯白色背景和消息“文件上传成功”，我希望它保持在相同的对话框或同一页面，并显示另一个对话框与此消息，任何早期的帮助PLZ ...

Answer 1

如果您使用支持postMessage（IE8 +）的现代浏览器，则在用户上传文件后，服务器可以返回一个包含JavaScript代码的页面，该代码使用postMessage与其父级进行通信并关闭对话框。

如果您想在同一页面上托管上传控件，＆lt; iframe＆gt;可以帮忙。

您可以在http://html5demos.com/postmessage找到postMessage演示。

在对话框中粘贴jquery提交表单

1 个答案: