ASP.NET Ajax Uploadfile控件使用

ASP.NET Ajax Uploadfile控件使用

ASP.NET Ajax中的UpdatePanel和asp.net中FileUpload控件是不兼容的，但是采用下面的方法，可以在ASP.NET+Ajax下实现文件上传

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
     <Triggers>
     <asp:PostBackTrigger ControlID="btnUpload" />
     </Triggers>
<ContentTemplate>

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

<asp:Button ID="btnUpload" runat="server" Text="上传" OnClick="btnUpload_Click" />

</ContentTemplate>
</asp:UpdatePanel>

把提交上传文件的按钮放在<Triggers>标签内，而不放在<ContentTemplate>中，特别注意把UpdateMode设为Conditional。然后在btnUpload_Click方法中执行保存文件和写入数据库的操作。当然这样做，上传文件时就失去了异步交互的效果，但是，在执行其它操作的时候，都还是有Ajax特性的。另外，如果您的这个上传文件的页面使用了一个母版页，并且在母版页中有一个UpdatePanel，在母版页中对子页的控件加上<Triggers>是不行的，还好，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>