upload和updatepanel

最新推荐文章于 2021-08-06 08:08:37 发布

Jumpy_Fly

最新推荐文章于 2021-08-06 08:08:37 发布

阅读量1k

点赞数

分类专栏： ASP.NET C#

C# 同时被 2 个专栏收录

122 篇文章

订阅专栏

ASP.NET

69 篇文章

订阅专栏

首先我很遗憾的告诉大家，因为微软的偷懒，目前UpdatePanel还不支持文件上传。变相的解决办法就是UpdatePanel中设置PostBackTrigger：

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:FileUpload ID="FileUpload1" runat="server" />
<asp:Button ID="Button1" runat="server" Text="上传" OnClick="Button1_Click" />
</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="Button1" />
</Triggers>
</asp:UpdatePanel>
而如果你又想在这个UpdatePanel上做点花样，比如加了一个asp:Panel, 可以通过按钮事件触发隐藏或显示的，你会发现FileUpload1并不能找到文件。。。

其实道理很简单，UpdatePanel中的内容是通过XmlHttp实时填充的，在你让他显示之前，查看页面源代码里面是空的。一个动态控件更新普通数据没问题，但上传文件就不行了，我的解决办法是用普通div代替asp:Panel,并写了2个函数来动态发送控制脚本，按钮事件中只要调用该函数即可：

private void ShowPanel()
{
string script = "document.getElementById('Panel1').style.display='';";
ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "ShowPanel", script, true);
}
private void ClosePanel()
{
string script = "document.getElementById('Panel1').style.display='none';";
ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "ClosePanel", script, true);
}

方法一：

在UpdatePanel里面需要上传文件。大家应该知道UpdatePanel里面是不可以上传文件的！不过我们可以变换下就可以了！

ASPX代码如下：（跟正常的代码是没有什么区别的！）

<asp:UpdatePanel ID= "UpdatePanel1" unat= "server">
     <ContentTemplate>
             <asp:FileUpload ID= "FileUpload1" runat= "server" />
                    <asp:Button ID= "Button1" runat= "server" Text= "上传" οnclick= "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

方法二：

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

方法三：

新建主页面Default.aspx
1：在适当的位置，放置一个上传附件的UpdatePanel区域

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

                 < ContentTemplate >
                        <asp:Image ID="img_photo" runat="server" Height="64" ImageUrl="~/images/anonymous.gif"
                            Width="64" /><br />
                        <input type="hidden" runat="server" id="hi_src" name="hi_src" value="~/images/anonymous.gif" />

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

</ ContentTemplate >

</ atlas:UpdatePanel >

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

< div >

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

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

</ div >

3：在 attachment.aspx里面，上传文件之后调用主页面的js：

    protected void Button1_Click(object sender, EventArgs e)
    {
        string fileFullPath = fu_photo.PostedFile.FileName;
        string fileName = fileFullPath.Substring(fileFullPath.LastIndexOf('\\') + 1);
        string fileSavePath = "../Photos/" + fileName;
        fu_photo.PostedFile.SaveAs(Server.MapPath(fileSavePath));
        Page.ClientScript.RegisterClientScriptBlock(Page.GetType(), "photoscript", "window.top.callBack('" + fileSavePath + "');", true);

4：Default.aspx主页面里面增加这个函数，处理返回值
用js改变图片路径为新上传的路径,然后服务器端获的隐藏字段的值，即为新上传图片路径

上传页面时不能获得js更改后的image控件的属性值,所以添加一个隐藏字段。。。

</script>

http://hi.baidu.com/jovifiona/blog/item/c4f41dd14487c1d2572c8404.html