在updatepanel中使用fileupload控件

FileUpload放在updatepanel中,回调时发现上其属性hasfile为false。解决方案如下：

方案一、如果将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 >