javascript - 将 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带有灯箱以获得更好的用户界面。

干杯!!!