谁看一下这是什么原因,问题解决立即结帐
下面这段代码是用来动态增加多组图片上传数据的,每组数据包括一个TextBox(图片标题)、HtmlInputFile(选择上传图片)、Image(浏览
选择的图片)。
static int control_id = 0;
static int row_id = 0;
if(!Page.IsPostBack)
{
Session["tr"]=new ArrayList();
}
private void btnImgAdd_Click(object sender, System.EventArgs e)
{
TableRow tr = new TableRow();
tr.ID = "TabNum_" + row_id.ToString();
TableCell tc = new TableCell();
TextBox lt = new TextBox();
lt.ID = "TextNum_" + control_id.ToString();
tc.Controls.Add(lt);
tc.BorderWidth = 1;
tc.HorizontalAlign = HorizontalAlign.Center;
tc.Font.Bold = true;
tr.Cells.Add(tc);
Table1.Rows.Add(tr);
((ArrayList)Session["tr"]).Add(tr);
row_id++;
tr = new TableRow();
tr.ID = "TabNum_" + row_id.ToString();
tc = new TableCell();
HtmlInputFile fi = new HtmlInputFile();
fi.ID = "FileNum_" + control_id.ToString();
tc.Controls.Add(fi);
tc.BorderWidth = 1;
tc.HorizontalAlign = HorizontalAlign.Center;
tc.Font.Bold = true;
tr.Cells.Add(tc);
Table1.Rows.Add(tr);
((ArrayList)Session["tr"]).Add(tr);
row_id++;
tr = new TableRow();
tr.ID = "TabNum_" + row_id.ToString();
tc = new TableCell();
System.Web.UI.WebControls.Image ig = new System.Web.UI.WebControls.Image();
ig.ID = "ImgNum_" + control_id.ToString();
tc.Controls.Add(ig);
tc.BorderWidth = 1;
tc.HorizontalAlign = HorizontalAlign.Center;
tc.Font.Bold = true;
tr.Cells.Add(tc);
Table1.Rows.Add(tr);
((ArrayList)Session["tr"]).Add(tr);
fi.Attributes["onpropertychange"] = String.Format("javascript:document.getElementById
('{0}').src=this.value;", ig.ClientID);
foreach(TableRow row in (ArrayList)Session["tr"])
{
Table1.Rows.Add(row);
}
row_id++;
control_id++;
}
//增加两组的情况,一切正常
<table id="Table1" border="0">
<tr id="TabNum_21">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><input name="TextNum_7"
type="text" id="TextNum_7" /></td>
</tr><tr id="TabNum_22">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><input name="FileNum_7"
id="FileNum_7" type="file" onpropertychange="javascript:document.getElementById('ImgNum_7').src=this.value;" /></td>
</tr><tr id="TabNum_23">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><img id="ImgNum_7"
border="0" /></td>
</tr><tr id="TabNum_24">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><input name="TextNum_8"
type="text" id="TextNum_8" /></td>
</tr><tr id="TabNum_25">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><input name="FileNum_8"
id="FileNum_8" type="file" onpropertychange="javascript:document.getElementById('ImgNum_8').src=this.value;" /></td>
</tr><tr id="TabNum_26">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><img id="ImgNum_8"
border="0" /></td>
</tr>
</table>
//增加三组的情况,onpropertychange="javascript:document.getElementById('ImgNum_8')重复
<table id="Table1" border="0">
<tr id="TabNum_21">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><input name="TextNum_7"
type="text" id="TextNum_7" /></td>
</tr><tr id="TabNum_22">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><input name="FileNum_7"
id="FileNum_7" type="file" onpropertychange="javascript:document.getElementById('ImgNum_8').src=this.value;" /></td>
</tr><tr id="TabNum_23">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><img id="ImgNum_7"
border="0" /></td>
</tr><tr id="TabNum_24">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><input name="TextNum_8"
type="text" id="TextNum_8" /></td>
</tr><tr id="TabNum_25">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><input name="FileNum_8"
id="FileNum_8" type="file" onpropertychange="javascript:document.getElementById('ImgNum_8').src=this.value;" /></td>
</tr><tr id="TabNum_26">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><img id="ImgNum_8"
border="0" /></td>
</tr><tr id="TabNum_27">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><input name="TextNum_9"
type="text" id="TextNum_9" /></td>
</tr><tr id="TabNum_28">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><input name="FileNum_9"
id="FileNum_9" type="file" onpropertychange="javascript:document.getElementById('ImgNum_9').src=this.value;" /></td>
</tr><tr id="TabNum_29">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><img id="ImgNum_9"
border="0" /></td>
</tr>
</table>
//增加四组的情况,onpropertychange="javascript:document.getElementById('ImgNum_9')重复
<table id="Table1" border="0">
<tr id="TabNum_21">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><input name="TextNum_7"
type="text" id="TextNum_7" /></td>
</tr><tr id="TabNum_22">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><input name="FileNum_7"
id="FileNum_7" type="file" onpropertychange="javascript:document.getElementById('ImgNum_8').src=this.value;" /></td>
</tr><tr id="TabNum_23">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><img id="ImgNum_7"
border="0" /></td>
</tr><tr id="TabNum_24">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><input name="TextNum_8"
type="text" id="TextNum_8" /></td>
</tr><tr id="TabNum_25">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><input name="FileNum_8"
id="FileNum_8" type="file" onpropertychange="javascript:document.getElementById('ImgNum_9').src=this.value;" /></td>
</tr><tr id="TabNum_26">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><img id="ImgNum_8"
border="0" /></td>
</tr><tr id="TabNum_27">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><input name="TextNum_9"
type="text" id="TextNum_9" /></td>
</tr><tr id="TabNum_28">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><input name="FileNum_9"
id="FileNum_9" type="file" onpropertychange="javascript:document.getElementById('ImgNum_9').src=this.value;" /></td>
</tr><tr id="TabNum_29">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><img id="ImgNum_9"
border="0" /></td>
</tr><tr id="TabNum_30">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><input name="TextNum_10"
type="text" id="TextNum_10" /></td>
</tr><tr id="TabNum_31">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><input name="FileNum_10"
id="FileNum_10" type="file" onpropertychange="javascript:document.getElementById('ImgNum_10').src=this.value;" /></td>
</tr><tr id="TabNum_32">
<td align="Center" style="border-width:1px;border-style:solid;font-weight:bold;"><img id="ImgNum_10"
border="0" /></td>
</tr>
</table>