updatepanel中不能使用fileupload的弥补方法

updatepanel中不能使用fileupload的弥补方法

直接使用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>

转载于:https://www.cnblogs.com/zhangchenliang/archive/2013/04/02/2996632.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值