探索与发现

研究java技术

  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  83 随笔 :: 0 文章 :: 109 评论 :: 0 Trackbacks
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>
posted on 2009-05-13 21:31 蜘蛛 阅读(3471) 评论(2)  编辑  收藏 所属分类: SharePoint

评论

# re: ASP.NET Ajax Uploadfile控件使用 2009-05-13 21:35 蜘蛛
自定义用户控件文件 PicUpload.ascx

1<%@ control language="C#" autoeventwireup="true" inherits="Admin_PicUpload, App_Web_mboefw14" %>
2 <asp:Image ID="EP_Image" runat="server" Height="160px" ImageUrl='<%# Bind("EP_Pic") %>'
3 Width="314px" />
4<br />
5<asp:FileUpload ID="FileUpload1" runat="server" />
6<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="上传" />
自定义用户控件文件 PicUpload.ascx.cs

1using System;
2using System.Data;
3using System.Configuration;
4using System.Collections;
5using System.Web;
6using System.Web.Security;
7using System.Web.UI;
8using System.Web.UI.WebControls;
9using System.Web.UI.WebControls.WebParts;
10using System.Web.UI.HTMLControls;
11
12public partial class Admin_PicUpload : System.Web.UI.UserControl
13{
14 protected void Page_Load(object sender, EventArgs e)
15 {
16
17 }
18 protected void Button1_Click(object sender, EventArgs e)
19 {
20 bool fileOK = false;
21 //获取根文件绝对路径
22 string path = Server.MapPath("~/UpLoad/");
23 //如上传了文件,就判断文件格式
24 FileUpload FU = FileUpload1;
25 if (FU.HasFile)
26 {
27 string fileExtension = System.IO.Path.GetExtension(FU.FileName).ToLower();
28 string[] allowedExtensions ={ ".gif", ".jpg", ".png", ".bmp", };
29 for (int i = 0; i < allowedExtensions.Length; i++)
30 {
31 if (fileExtension == allowedExtensions[i])
32 {
33 fileOK = true;
34 }
35 }
36 }
37 //调用saveas方法,实现上传文件
38 if (fileOK)
39 {
40 try
41 {
42 FileUpload1.SaveAs(path + System.DateTime.Now.ToString("yyyyMMddhhmmss")+FU.FileName);
43 EP_Image.ImageUrl = "../Upload/" + System.DateTime.Now.ToString("yyyyMMddhhmmss") + FU.FileName;
44 Button1.Text = "上传成功";
45 }
46 finally
47 {
48 }
49 }
50 else
51 {
52 Button1.Text = "上传失败,格式不允许";
53 }
54 }
55}
56
  回复  更多评论
  

# re: ASP.NET Ajax Uploadfile控件使用 2009-05-29 10:31 iven
太感谢了  回复  更多评论
  


只有注册用户登录后才能发表评论。


网站导航: