探索与发现

研究java技术
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  83 随笔 :: 0 文章 :: 109 评论 :: 0 Trackbacks
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>
posted on 2009-05-13 21:31 蜘蛛 阅读(3618) 评论(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
太感谢了  回复  更多评论
  


只有注册用户登录后才能发表评论。
网站导航: