Javascript 在fancybox中显示进度条或错误消息

以下是我在member.php中为fancybox准备的内容：

<script type="text/javascript">
    $(document).ready(function() 
    {
            $("a#uploadpage").fancybox({
                'titleShow'     : false
            });
    });
</script>
.
.
.
<a id="uploadpage" href='uploadpage.php'>Change Image</a> <br/>

$（文档）.ready（函数（）
{
$（“上传页面”）.fancybox({
“标题秀”：错误
});
});
.
.
.

这工作得非常完美，我的意思是它在uploadpage.php中打开包含php代码的fancybox。一旦用户按下uploadpage.php中的submit按钮上传图像，我希望它显示一条错误消息（无效文件类型或文件大小太大），或者如果图像是有效文件类型且小于1MB，则显示一个progressbar。如何在相同的FANCYBOX中执行此操作？（我已经有了错误消息和progressbar的代码，所以我只需要知道如何刷新fancybox或者如何使用javascript来完成这项工作。）

非常感谢，我非常感谢。

---

-Matt

我不知道这是否有效，我从来没有像您尝试使用fancybox那样使用它，但是，我的建议是：您可以尝试使用类名而不是ID。锚定将是

，而不是您现在使用的ID。还有，改变

$("a#uploadpage").fancybox({

到

当使用id时，fancybox会为每次调用创建一个新的box实例。如果改用类名，它会尝试重用它。此外，可以尝试使用

rel=“myuploadbox”

进行标记，即

<a rel="myuploadbox" class="uploadpage" ...>

Fancybox使用

rel

属性将相关内容分组在一起，这可能会阻止它在提交时关闭框。另外，将您想要的所有内容都封装在同一个fancybox中，并使用相同的

rel

属性将其放入

div

标记中（我不知道fancybox是否支持这种方式..试试看）

<a rel="myuploadbox" class="uploadpage" ...>