• 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>
  • 相关阅读:
    使用Jmeter进行http接口测试
    Jmeter分布式压测
    Jmeter进阶技能-数据库信息,传递参数
    解决Mac OS X 升级10.10(Yosemite)后ADT(Eclipse)无法找到真机
    bug list
    【adb工具包】Android的工具包log日志抓取
    【AI模型测试】运行过程中出错和解决方案:ImportError: cannot import name '_validate_lengths'
    【AI模型测试】anaconda linux 常用命令、安装源、清理缓存(转)
    【AI模型测试】skimage库安装(转)
    【Python学习】pip 常用命令及控制台怎么查看python 及pip 和已安装包版本号(转)
  • 原文地址:https://www.cnblogs.com/zhangchenliang/p/2996632.html
Copyright © 2020-2023  润新知