[ASP.NET] UpdatePanel局部刷新 -- 与用户控件使用

 

 1，出现问题情况

做登录用户自定义控件时，使用了图片验证码，可是在点击“换一张”的时候，图片不刷新。

2，达到要求

在点击“换一张”按钮的时候，只需要图片局部刷新，页面的其他地方不要刷新。

3，实现方法

3.1 aspx页中

 <asp:UpdatePanel ID="up2" runat="server">
        <ContentTemplate>
    <uc1:WebUserControl1 ID="WebUserControl11" runat="server" />
    </ContentTemplate> </asp:UpdatePanel>

3.2 用户控件页

<div style="margin-left: 40px">
    <asp:Image ID="Image1" runat="server" />
</div>
<div style="margin-left: 40px">
    <asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click">LinkButton</asp:LinkButton>
</div>
<div style="margin-left: 40px">
    <asp:TextBox ID="TextBox1" runat="server">11111111111111</asp:TextBox>
</div>

3.3 用户控件代码 最重要的地方就是在这里

  protected void LinkButton1_Click(object sender, EventArgs e)
        {
            Random rd = new Random();
            Image1.ImageUrl = "ShowValiDateCode.aspx?id=" + rd.Next();
            TextBox1.Text = "22222222222222";
        }

3.4 验证图片生成类

新建一个ShowValiDateCode内容页。

 protected void Page_Load(object sender, EventArgs e)
        {
            string checkCode = CreateRandomCode(4);
            while(checkCode.Length != 4)
            {
                checkCode = CreateRandomCode(4);
            }
            Session["CheckCode"] = checkCode;
            CreateImage(checkCode);
        }
        //产生四个随机字符
        private string CreateRandomCode(int codeCount)
        {
            string allchar = "0,1,2,3,4,5,6,7,8,9,,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z";
            //以','为分隔符把allchar拆分成数据
            string[] allCharArray = allchar.Split(',');
            string randomCode = "";
            int temp;
            Random rand = new Random();
            for(int i = 0; i < codeCount; i++)
            {
                int t = rand.Next(35);
                temp = t;
                randomCode += allCharArray[t];
            }
            return randomCode;
        }

        private void CreateImage(string checkCode)
        {
            int iwidth = (int)(checkCode.Length * 11.5);
            //封装GDI+位图，此位图由图形图像及其属性的像素数据组成。
            //指定宽度和高度，以像素为单位
            System.Drawing.Bitmap image = new System.Drawing.Bitmap(iwidth, 20);
            //封装一个GDI+绘图图面。无法继承此类，从指定的System.Graphics.Imange创建的System.Drawing.Grahpics
           Graphics g = Graphics.FromImage(image);
            //font封装在特定设备上呈现特定字体所需的纹理和资源(字体，字号，字体样式)
            Font font = new Font("Arial", 10, System.Drawing.FontStyle.Bold);
            //Brush定义用于填充图形形状(如矩形，椭圆，饼形，多边形和封闭路径)的内部对象
            //SolidBrush(Color.White)初始化指定颜色 指定笔画颜色为白色
            Brush brush = new System.Drawing.SolidBrush(Color.Blue);
            //清楚整个绘图面，并以指定的背景色填充
            g.Clear(Color.White);
            //在指定位置并且用固定的Bursh和Font对象绘制指定的文本字符串
            //(指定的字符串，字符串的文本格式，绘制文本的颜色和纹理，所绘制文本的左上角的x坐标和y坐标)
            g.DrawString(checkCode, font, brush, 3, 3);
            //创建存储区为内存的流
            System.IO.MemoryStream memoryStream = new System.IO.MemoryStream();
            //将此图像以指定的格式保存到指定的流中(将其保存在内存流中，图像的格式)
            image.Save(memoryStream, System.Drawing.Imaging.ImageFormat.Jpeg);
            //清除缓冲区将流中的内容输出
            Response.ClearContent();
            //获取输出流的类型
            Response.ContentType = "image/Jpeg";
            //将二进制字符串写入HTTP输出流
            Response.BinaryWrite(memoryStream.ToArray());
            g.Dispose();
            image.Dispose();
        }

4，效果