Php 弹出窗口的替代方案

Php 弹出窗口的替代方案,php,javascript,html,popup,Php,Javascript,Html,Popup,我已经编写了一个PHP脚本和一个小表单,允许用户上传图像文件。目前,它是通过父HTML页面上按钮的“onclick”事件作为弹出窗口激活的 从我在这个网站上做的研究中,我知道“弹出窗口”并不是每个人都喜欢的,所以我真的想征求一些建议,看看是否有替代弹出窗口的方法。我尝试过jQuery模式对话框,但我遇到了各种各样的问题,因为我有多个提交按钮,所以如果可能的话,我不想重新设置,尽管模式对话框的样式应该是正确的。为什么不尝试lightbox?) 有多种lightbox克隆可用,您可以将其与带有上传器

我已经编写了一个PHP脚本和一个小表单,允许用户上传图像文件。目前,它是通过父HTML页面上按钮的“onclick”事件作为弹出窗口激活的

从我在这个网站上做的研究中,我知道“弹出窗口”并不是每个人都喜欢的,所以我真的想征求一些建议,看看是否有替代弹出窗口的方法。我尝试过jQuery模式对话框,但我遇到了各种各样的问题,因为我有多个提交按钮,所以如果可能的话,我不想重新设置,尽管模式对话框的样式应该是正确的。

为什么不尝试lightbox?)


有多种lightbox克隆可用,您可以将其与带有上传器表单的iframe一起使用。查看这里的比较:

就我个人而言,我是JQuery UI Modal dialog的粉丝,因为它很轻,而且我已经在我的应用程序中加载了UI

但这里还有更多的问题……问题不在于对话框,而是你试图在对话框中上传文件。上传文件的传统方法是通过$\ POST。这很好,只是表单需要一个操作,并且默认情况下,该操作将强制加载页面,即使您将其发布到自身。因此,在实践中,如果您以传统的方式上传,则没有模式对话框可以工作

您可能正在寻找的是文件上传的“Ajax”方法。它不是真正的ajax…..您要做的是将其上载到页面中的“隐藏”iFrame中,以便于在不重新加载的情况下进行上传。。。还有一百万人

还有许多jQuery插件可以使上传更容易。。。。这只是其中之一


请注意,即使使用“异步”方法,您仍然受到HTML的限制。使用上载按钮或
将提交您的表单,尽管不正确,使表单看起来好像是无法控制地失败了。因此,为了解决这个问题,可以将upload按钮设置为另一个非表单提交元素,例如
,或者只设置一个带有id的图像,通过javascript调用onclick。或者,将其设置为一个按钮,并使用
event.preventDefault()
onclick防止默认HTML行为。我通常使用jQuery UI按钮样式来实现后者。

据我所知,这是一个非常简单的javascript弹出窗口。这可能对你有帮助

描述“各种各样的问题,因为我有多个提交按钮”,因为jquery模式对话框或另一个jquery解决方案是可行的。为什么要弹出窗口/对话框?无论如何,试试fancybox或lightbox。嗨,非常感谢你回复我的帖子。即使在一些会员给了我很好的指导之后,我也无法在主表单上进行“提交”操作,即提交完整表单,以独立于提交我上传的图像。谢谢你看我的帖子。我看过Lightbox&它看起来是一个很棒的软件。我遇到的问题是,我需要将主页的id链接到为特定记录保存的图像。与其试图解释,不如找一个指向我的页面的链接。你可以看到用户在页面底部工作,他们被询问是否要上传任何图片。我使用PHP将图像保存到一个文件夹中,因为这是我唯一能想到的链接主记录和链接图像的方法。kind Regard我认为您已经找到了解决方案,但您可以链接到主页的id,对吗?如果你用GET参数打开iframe,你可以将主id添加到iframe中的上传表单中。您好,非常感谢您抽出时间阅读并回复我的帖子。这些链接和你的指导都很到位!再次表示感谢和亲切的问候。嗨,非常感谢你抽出时间给我发送这个链接,这是一个很好的例子。我很乐意帮助你。。。欢迎