用户注册时实现动态生成用户头像的选择

以前在做用户头像选择时主要是将用户头像信息存储到数据库中，然后编写相应代码从数据库中获取头像信息，这里所提到动态生成用户头像只要把用户头像存储到相应文件夹下即可，然后动态地创建一个TableRow对象，并利用该对象即表格行对象中的单元格动态地加载图像信息。

运行效果如图3所示。


                                    
                                   图3用户注册时实现动态生成用户头像的选择
在前页面中在对用户头像选择一项里主要添加一个image控件和一个Table服务器表格如图4所示。
  
    图4 添加Table表格

前台的主要HTML代码如下：

<tr style="BACKGROUND-IMAGE: url(images/bg1.gif)">

<td valign="top" align="center">

选择头像

<br>

<FONT face="宋体"><IMG id="imgFace" src="images/1.bmp" runat="server"></FONT>

</td>

<td><FONT face="宋体">

<asp:Table id="tabFaces" runat="server"></asp:Table></FONT></td>

</tr>

   在页面的后台代码的Page_Load事件中首先调用一个自定义方法GetMyFaces,实现动态地加载用户头像，代码如下：

    protected void Page_Load(object sender, EventArgs e)

    {

        GetMyFaces();

    }

  自定义方法GetMyFaces中主要是创建了个表格行对象，然后利用该对象中的单元格来动态创建一个表格，实现从服务的Image文件夹中获取图像信息，代码如下：

    private void GetMyFaces ()

    {

        for (int i = 0; i < 10; i++)

        {

            TableRow row = new TableRow();

            for (int j = 1; j <= 10; j++)

            {

                TableCell cell = new TableCell();

                cell.HorizontalAlign = System.Web.UI.WebControls.HorizontalAlign.Center;

                cell.Width = 42;

                cell.Height = 42;

                cell.Text = "<img style="cursor:hand" width=20 height=20 onmouseover="this.width=40;this.height=40 " onmouseout="this.width=24;this.height=24" onclick="document.all.imgFace.src=this.src;document.all.txtFaceUrl.value=this.src" src="images\" + (i * 10 + j).ToString() + ".bmp">";

                row.Cells.Add(cell);

            }

            tabFaces.Rows.Add(row);

        }

    }