将window.open弹出窗口升级到jQuery UI对话框

Question

我用按钮创建了一个表单.如果用户单击该按钮,浏览器将生成一个弹出窗口供用户上传和裁剪照片.

onclick="window.open('upload.php');"

如果上传

window.opener.document.getElementById

弹出窗口将裁剪的图片返回到开启窗口(窗体)

document.getElementById("errMsg").innerHTML="<input type=\'button\'
onclick=\'window.close();\' value=\'Use this pic\'>";

最后,弹出窗口将生成"使用此图片"按钮.

现在,我想将此弹出窗口升级到jQuery Dialog以使其更好.我怎样才能做到这一点？

http://jqueryui.com/demos/dialog/#default

Answer 1

尝试使用模态表单，您可以在其中调用对话框供用户上传和裁剪图像，然后单击对话框上的“使用此图片”；返回您的页面并继续您的申请。

更好的性能，您可以将Jquery Modal Form与 lightbox 结合使用以获得更好的 UI。

干杯！！！