Asp.net中UpdatePanel和FileUpload以及Panel冲突问题的探究

今天往一个页面中添加图片上传功能，弄了半天发现不成功，FileUpload始终找不到文件，HasFile属性始终为false；经过多次检查后，没发现和原来图片上传有什么区别，都是在UpdatePanel下设置提交按钮的Triggers，感觉很奇怪，最终在网上找到了这么一段话：

 

 

解决办法就是UpdatePanel中设置PostBackTrigger：
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:FileUpload ID="FileUpload1" runat="server" />
<asp:Button ID="Button1" runat="server" Text="上传" OnClick="Button1_Click" />
</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="Button1" />
</Triggers>
</asp:UpdatePanel>

而如果你又想在这个UpdatePanel上做点花样，比如加了一个asp:Panel, 可以通过按钮事件触发隐藏或显示的，你会发现FileUpload1并不能找到文件。。。

其实道理很简单，UpdatePanel中的内容是通过XmlHttp实时填充的，在你让他显示之前，查看页面源代码里面是空的。一个动态控件更新 普通数据没问题，但上传文件就不行了，我的解决办法是用普通div代替asp:Panel,并写了2个函数来动态发送控制脚本，按钮事件中只要调用该函数 即可：

<div id="Panel1"></div>

private void ShowPanel()
{
string script = "document.getElementById('Panel1').style.display='';";
ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "ShowPanel", script, true);
}
private void ClosePanel()
{
string script = "document.getElementById('Panel1').style.display='none';";
ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "ClosePanel", script, true);
}

原来我在开始设置了两个Panel的Visible为false，通过RadioButtonList来切换，导致FileUpload找不到文件的原因，我还在奇怪为什么在生成的HTML中查看不了代码呢，呵呵。UpdatePanel只显示初始页面的HTML代码