updatepanle不是能使用fileupload的解决方案

来源:互联网 发布:淘宝卖家怎么原价打折 编辑:程序博客网 时间:2024/05/16 09:02

直接使用FileUpload,服务端是无法找到上传文件的。

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

                <ContentTemplate>

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

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

                 </ContentTemplate>

            </atlas:UpdatePanel>

如何实现

1:新建主页面Default.aspx

      在适当的位置,放置一个上传附件的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>

     function callBack(fileName)

     {

        document.getElementById('<%=img_photo.ClientID %>').src=fileName;

        document.getElementById('<%=hi_src.ClientID %>').value=fileName;

     }

    </script>

原创粉丝点击