ASP.NET的checkboxlist,RadioButtonList,FileUpload,image控件的综合使用

一、拖控件

控件拖完如图所示:(有些是对不齐的,加一个表单就好了,把他们都放在表单里)

单纯的RadioButton是不能只选择一个的,除非你手动给他们加上代码:

1 RadioButton1.GroupName="sex";
2 RadioButton2.GroupName="sex";

这样就能保证可以只选择一个了。但是我们这里用的RadioButtonList他自动的设置了我们不管他。至于屏幕下面显示你的信息因为有文字加图片,所以还是建一个panel为好。

先把panel的visibale设置为false就是不可见。密码后面的texbox设置为password类型。接下来上代码:(黄色的部分为重要代码)

 1 using System;
 2 using System.Collections.Generic;
 3 using System.IO;    //Path需要引用
 4 using System.Linq;
 5 using System.Web;
 6 using System.Web.UI;
 7 using System.Web.UI.WebControls;
 8 
 9 public partial class _Default : System.Web.UI.Page
10 {
11     protected void Page_Load(object sender, EventArgs e)
12     {
13 
14     }
15 
16     protected void Button1_Click(object sender, EventArgs e)
17     {
18         if (FileUpload1.HasFile) {
19             if (GetNameType(FileUpload1.FileName)) {
20                 string Pathfile = "~/pic/" + FileUpload1.FileName;  //  "~/"表示的是网站文件夹下,也就是site下
21                 FileUpload1.SaveAs(MapPath(Pathfile));
22             }
23         }
24 
25         Panel1.Visible = true;
26         ShowLabel.Text = "姓名:" + TextBox1.Text + "</br>"+ "性别:" + RadioButtonList1.SelectedValue+"</br>"+"兴趣爱好:";
27         for (int i = 0; i < CheckBoxList1.Items.Count; i++)
{
if (CheckBoxList1.Items[i].Selected) 29 ShowLabel.Text += CheckBoxList1.Items[i]; 30 } 31 Image1.ImageUrl = "~/pic/"+FileUpload1.FileName; //地址引用 32 } 33 34 bool GetNameType(string name) { //GetNameType就是我自己写的一个方法名 35 string ext = Path.GetExtension(name); //Path需要加System.IO 36 switch (ext.ToLower()) { 37 case ".jpg" : 38 return true; 39 case ".jpeg": 40 return true; 41 case ".gif": 42 return true; 43 case ".png": 44 return true; 45 default : 46 return false; 47 } 48 } 49 }

下面看看效果图:

 

posted @ 2015-09-18 16:34  蜀云泉  阅读(327)  评论(0编辑  收藏  举报