UpdatePanel里使用FileUpload

今天碰到一个问题:
FileUpload放在updatepanel中,回调时发现上其属性hasfile为false。解决方案如下:
在UpdatePanel里面需要上传文件。大家应该知道UpdatePanel里面是不可以上传文件的!不过我们可以变换下就可以了!

 

方案一、如果将scriptmanager的enablepartialrending设为false则可以正确上传,这个方法最简单,但是会有缺 陷,就是在同一个页面上的多个UpdatePanel不可以独自刷新了。另外,当你的UpdatePanel中存在Validator的话,会造成整个页 面postback,这个问题似乎是Altas的一个bug.

方案二、摘自http://www.netfocus.cn/article950.html

1:主页面中使用UpdatePanel,然后UpdatePanel里面放置的不是FileUpload控件,而是一个Iframe

2:这个iframe在链接一个新的页面,那个页面里面有FileUpload控件。

3:上传完毕后,告诉主页面上传得结果



先看一个直接使用FileUpload的例子:这个例子里面,服务端是无法找到上传文件的。



            <atlas:UpdatePanel ID="up1" Mode="Conditional" runat="server">

                <ContentTemplate>

                    <asp:FileUpload ID="FileUpload1" runat="server" />

                    <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />

                 < SPAN>ContentTemplate>

            < SPAN>atlas:UpdatePanel>



看看,我们该如何实现

1:新建主页面Default.aspx

      在适当的位置,放置一个上传附件的UpdatePanel区域

     



            <atlas:UpdatePanel ID="up_attachment" Mode="Conditional" runat="server">

                <ContentTemplate>

                   <iframe id="file" name="file" src="attachment.aspx">< SPAN>iframe>

                < SPAN>ContentTemplate>

            < SPAN>atlas:UpdatePanel>

2:新建上传文件的页面attachment.aspx,然后放上FileUpload控件



<div>

    <asp:FileUpload ID="FileUpload1" runat="server" />

          <asp:Button ID="Button1" runat="server" Text="OK" OnClick="Button1_Click" />

    < SPAN>div>

3:在attachment.aspx里面,上传文件之后调用主页面的js,报告上传情况。这是函数原型:



    <script>

       window.top.callBack(fileName);

    < SPAN>script>

4:Default.aspx主页面里面增加这个函数,处理返回值

  



    <script>

      function callBack(fileName)

  {

         document.getElementById('Attach1').innerHTML=fileName;

      }

    < SPAN>script>
方案三
ASPX代码如下:(跟正常的代码是没有什么区别的!)
<asp:UpdatePanel ID= "UpdatePanel1" unat= "server">        
     <ContentTemplate>                        
             <asp:FileUpload ID= "FileUpload1" runat= "server" />    
                    <asp:Button ID= "Button1" runat= "server" Text= "上传" onclick= "Button1_Click" />                                            </ContentTemplate>                
                                </asp:UpdatePanel>
C#代码如下:也是最关键的
PostBackTrigger trigger = new PostBackTrigger();
                        trigger.ControlID = Button1.UniqueID;
                        UpdatePanel1.Triggers.Add(trigger);    
这里记得一定别放在if(!IsPostBack)里面。
下面说下c#代码:就是给UpdatePanel增加一个回发控件,那为什么要用Button1.UniqueID。是应为如果你这个控件放在一些面板控件里面,UpdatePanel是找不到回发控件的ID的。

本文出自 “lee” 博客,请务必保留此出处http://leehai.blog.51cto.com/757045/153736

你可能感兴趣的:(fileupload)