动态读取二进制图片并绑定CheckBox实现批量删除图片[原创]
实现功能:动态读取二进制图片并绑定CheckBox,然后在页面中选中一个或多个CheckBox实现批量删除。
难点:动态添加CheckBox的代码若没有放到Page_Load的if(!ispostback)里,则每次回发后,服务器都将重新加载checkbox,所以checkbox的CheckChanged事件将无法触发。
解决办法:在 Page_Init事件里利用ViewState保存一组信息(被选中的所有CheckBox的ID),同时,将所有动态添加的checkbox的AutoPostBack设为false。
实现效果如下:
Html代码:
后台部分代码如下:
1.Page_Init
2.DataBindToImage()函数
3.所有checkbox共同的事件cb_CheckedChanged:
4.另外,因为读取的图片都是二进制形式,所以每次都是将图片先转换到临时文件夹,然后在处理
因而,必须在读取图片前先对临时图片文件夹进行清空操作,以免读取了错误的图片,清空的函数如下:
5.删除图片的按钮ActiveButton的事件
另外,图片绑定的函数在page_load里调用,但不包含在if(!IspostBack)内。。
难点:动态添加CheckBox的代码若没有放到Page_Load的if(!ispostback)里,则每次回发后,服务器都将重新加载checkbox,所以checkbox的CheckChanged事件将无法触发。
解决办法:在 Page_Init事件里利用ViewState保存一组信息(被选中的所有CheckBox的ID),同时,将所有动态添加的checkbox的AutoPostBack设为false。
实现效果如下:
Html代码:
Code
后台部分代码如下:
1.Page_Init
1 protected void Page_Init(object sender, EventArgs e)
2 {
3 for (int i = 0; i < 6; i++)
4 {
5 ViewState["cb" + i.ToString()] = Request.Form["cb" + i.ToString()];
6 }
7 }
2 {
3 for (int i = 0; i < 6; i++)
4 {
5 ViewState["cb" + i.ToString()] = Request.Form["cb" + i.ToString()];
6 }
7 }
2.DataBindToImage()函数
1 protected void DataBindToImage()
2 {
3 this.Panel1.Controls.Add(new LiteralControl("<font size=3><center>文物已保存有如下图片:</center></font><br>"));
4 文物 obj = new 文物();
5 object[] Pics = obj.GetPics(Convert.ToInt32(Request.QueryString["文物_ID"]));
6 TwoMuseum.BLL.Heritage.文物图片 it3 = new TwoMuseum.BLL.Heritage.文物图片();
7
8 int i = Pics.Length-1;
9
10 while (i>-1 )
11 {
12 Image im = new Image();
13 im.ID = i.ToString();//
14
15 //it3.writeFile((byte[])Pics[i], "UI\\pic\\Heritage" + i.ToString() + ".jpg");
16 //im.ImageUrl = "~/pic/Heritage" + i.ToString() + ".jpg";
17
18 it3.writeFile((byte[])Pics[i], Server.MapPath(".") + "/pic/Heritage" + i.ToString() + ".jpg");
19 im.ImageUrl = "~/pic/Heritage" + i.ToString() + ".jpg";
20
21 CheckBox cb = new CheckBox();
22 cb.Text = "选中删除";
23 cb.Font.Size = System.Web.UI.WebControls.FontUnit.Small;
24 cb.ID = "cb"+i.ToString();//
25 cb.Checked = false;
26 cb.AutoPostBack = false;
27 cb.CheckedChanged+=new EventHandler(cb_CheckedChanged);
28 cb.Attributes.Add("value",i.ToString());
29 //cb.Attributes.Add("onclick", "javascript:check(this,"+Check+")");
30
31 this.Panel1.Controls.Add(im);
32 this.Panel1.Controls.Add(cb);
33 if (0 == i % 2)
34 this.Panel1.Controls.Add(new LiteralControl("<br><br>"));
35
36 //this.Panel1.Controls.Add(new LiteralControl(";nbsp ;nbsp ;nbsp ;nbsp ;nbsp ;nbsp ;nbsp "));
37
38 i--;
39 }
40
41 this.ActiveButton.Visible = true;
42 this.ActiveButton.Attributes.Add("onclick", "javascript:return confirm('你确认要删除所有选中图片吗?')");
43
44 if (Pics.Length > 0)
45 {
46 this.Panel1.Controls.Add(new LiteralControl("<br>"));
47 this.Panel1.Controls.Add(new LiteralControl("<br>"));
48
49 this.ActiveButton.CommandArgument = Pics.Length.ToString();//--------------为按钮添加属性
50 }
51
52 this.Label10.Text = ViewState["文物名称"].ToString();
53 for (int i2 = 0; i2 < 6; i2++)
54 {
55 Flag[i2] = false;
56 }
57 }
2 {
3 this.Panel1.Controls.Add(new LiteralControl("<font size=3><center>文物已保存有如下图片:</center></font><br>"));
4 文物 obj = new 文物();
5 object[] Pics = obj.GetPics(Convert.ToInt32(Request.QueryString["文物_ID"]));
6 TwoMuseum.BLL.Heritage.文物图片 it3 = new TwoMuseum.BLL.Heritage.文物图片();
7
8 int i = Pics.Length-1;
9
10 while (i>-1 )
11 {
12 Image im = new Image();
13 im.ID = i.ToString();//
14
15 //it3.writeFile((byte[])Pics[i], "UI\\pic\\Heritage" + i.ToString() + ".jpg");
16 //im.ImageUrl = "~/pic/Heritage" + i.ToString() + ".jpg";
17
18 it3.writeFile((byte[])Pics[i], Server.MapPath(".") + "/pic/Heritage" + i.ToString() + ".jpg");
19 im.ImageUrl = "~/pic/Heritage" + i.ToString() + ".jpg";
20
21 CheckBox cb = new CheckBox();
22 cb.Text = "选中删除";
23 cb.Font.Size = System.Web.UI.WebControls.FontUnit.Small;
24 cb.ID = "cb"+i.ToString();//
25 cb.Checked = false;
26 cb.AutoPostBack = false;
27 cb.CheckedChanged+=new EventHandler(cb_CheckedChanged);
28 cb.Attributes.Add("value",i.ToString());
29 //cb.Attributes.Add("onclick", "javascript:check(this,"+Check+")");
30
31 this.Panel1.Controls.Add(im);
32 this.Panel1.Controls.Add(cb);
33 if (0 == i % 2)
34 this.Panel1.Controls.Add(new LiteralControl("<br><br>"));
35
36 //this.Panel1.Controls.Add(new LiteralControl(";nbsp ;nbsp ;nbsp ;nbsp ;nbsp ;nbsp ;nbsp "));
37
38 i--;
39 }
40
41 this.ActiveButton.Visible = true;
42 this.ActiveButton.Attributes.Add("onclick", "javascript:return confirm('你确认要删除所有选中图片吗?')");
43
44 if (Pics.Length > 0)
45 {
46 this.Panel1.Controls.Add(new LiteralControl("<br>"));
47 this.Panel1.Controls.Add(new LiteralControl("<br>"));
48
49 this.ActiveButton.CommandArgument = Pics.Length.ToString();//--------------为按钮添加属性
50 }
51
52 this.Label10.Text = ViewState["文物名称"].ToString();
53 for (int i2 = 0; i2 < 6; i2++)
54 {
55 Flag[i2] = false;
56 }
57 }
3.所有checkbox共同的事件cb_CheckedChanged:
1 protected void cb_CheckedChanged(object sender, EventArgs e)
2 {
3 Response.Write("点击了CheckBox!!");
4
5 CheckBox cbx=(CheckBox)sender;
6 if (cbx.Checked)
7 {
8 string Cid=cbx.ID.ToString().Substring(2,1);
9 ViewState["cb" + Cid] = 1;
10
11 }
12 }
2 {
3 Response.Write("点击了CheckBox!!");
4
5 CheckBox cbx=(CheckBox)sender;
6 if (cbx.Checked)
7 {
8 string Cid=cbx.ID.ToString().Substring(2,1);
9 ViewState["cb" + Cid] = 1;
10
11 }
12 }
4.另外,因为读取的图片都是二进制形式,所以每次都是将图片先转换到临时文件夹,然后在处理
因而,必须在读取图片前先对临时图片文件夹进行清空操作,以免读取了错误的图片,清空的函数如下:
1 ///------------------------------删除文件夹内图片-----------------------------
2 public void DeleteImg(string path)
3 {
4 string FilePath = path;
5 for (int i = 0; i < 6; i++)
6 {
7 FilePath = path + i.ToString() + ".jpg";
8 if (File.Exists(FilePath)) //------------- 判断,如果存在就删除
9 File.Delete(FilePath);
10
11 FilePath =path + "Heritage" + i.ToString() + ".jpg";
12 if (File.Exists(FilePath)) //------------- 判断,如果存在就删除
13 File.Delete(FilePath);
14 }
15 }
2 public void DeleteImg(string path)
3 {
4 string FilePath = path;
5 for (int i = 0; i < 6; i++)
6 {
7 FilePath = path + i.ToString() + ".jpg";
8 if (File.Exists(FilePath)) //------------- 判断,如果存在就删除
9 File.Delete(FilePath);
10
11 FilePath =path + "Heritage" + i.ToString() + ".jpg";
12 if (File.Exists(FilePath)) //------------- 判断,如果存在就删除
13 File.Delete(FilePath);
14 }
15 }
5.删除图片的按钮ActiveButton的事件
Code
另外,图片绑定的函数在page_load里调用,但不包含在if(!IspostBack)内。。