基本思路:<t:dataTable>内部放置<t:inputFileUpload>,根据设定的上传文件数,构造dataTable的List。
说明:以下代码包含了文件上传以外的相关代码,不做整理了。
实现目标:
<
html
>
< head >
< title > uploadfile </ title >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" >
< style type ="text/css" >
<!--
td { font-size : 9pt }
a { color : #000000 ; text-decoration : none }
a:hover { text-decoration : underline }
.tx { height : 16px ; width : 30px ; border-color : black black #000000 ; border-top-width : 0px ; border-right-width : 0px ; border-bottom-width : 1px ; border-left-width : 0px ; font-size : 9pt ; background-color : #eeeeee ; color : #0000FF }
.bt { font-size : 9pt ; border-top-width : 0px ; border-right-width : 0px ; border-bottom-width : 0px ; border-left-width : 0px ; height : 16px ; width : 80px ; background-color : #eeeeee ; cursor : hand }
.tx1 { height : 20px ; width : 30px ; font-size : 9pt ; border : 1px solid ; border-color : black black #000000 ; color : #0000FF }
-->
</ style >
< script language ="JavaScript" >
<!--
self.moveTo( 0 , 0 )
self.resizeTo(screen.availWidth,screen.availHeight)
// -->
</ script >
</ head >
< body bgcolor ="#FFFFFF" text ="#000000" background ="bj.gif" >
< form name ="form1" method ="post" action ="upfile.asp" enctype ="multipart/form-data" >
< input type ="hidden" name ="act" value ="upload" >
< table width ="76%" border ="1" cellspacing ="0" cellpadding ="5" align ="center" bordercolordark ="#CCCCCC" bordercolorlight ="#000000" height ="182" >
< tr bgcolor ="#CCCCCC" >
< td height ="22" align ="left" valign ="middle" bgcolor ="#CCCCCC" >
文件上传 </ td >
</ tr >
< tr align ="left" valign ="middle" bgcolor ="#eeeeee" >
< td bgcolor ="#eeeeee" height ="1" >
< script language ="javascript" >
function setid()
{
str = ' <br> ' ;
if ( ! window.form1.upcount.value)
window.form1.upcount.value = 1 ;
for (i = 1 ;i <= window.form1.upcount.value;i ++ )
str += ' 文件 ' + i + ' :<input type="file" name="file ' + i + ' " style="width:400" class="tx1"><br><br> ' ;
window.upid.innerHTML = str;
}
</ script >
< li > 需要上传的个数
< input type ="text" name ="upcount" class ="tx" value ="1" >
< input type ="button" name ="Button" class ="bt" onclick ="setid();" value ="· 设定 ·" >
</ li >
</ td >
</ tr >
< tr align ="center" valign ="middle" >
< td align ="left" id ="upid" height ="32" > 文件1:
< input type ="file" name ="file1" style ="width:403; height:20" class ="tx1" value ="" ></ td >
</ tr >
< tr align ="center" valign ="middle" bgcolor ="#eeeeee" >
< td bgcolor ="#eeeeee" height ="28" >
< input type ="submit" name ="Submit" value ="· 提交 ·" class ="bt" >
< input type ="reset" name ="Submit2" value ="· 重置 ·" class ="bt" ></ td >
</ tr >
</ table >
</ form >
</ body >
</ html >
< head >
< title > uploadfile </ title >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" >
< style type ="text/css" >
<!--
td { font-size : 9pt }
a { color : #000000 ; text-decoration : none }
a:hover { text-decoration : underline }
.tx { height : 16px ; width : 30px ; border-color : black black #000000 ; border-top-width : 0px ; border-right-width : 0px ; border-bottom-width : 1px ; border-left-width : 0px ; font-size : 9pt ; background-color : #eeeeee ; color : #0000FF }
.bt { font-size : 9pt ; border-top-width : 0px ; border-right-width : 0px ; border-bottom-width : 0px ; border-left-width : 0px ; height : 16px ; width : 80px ; background-color : #eeeeee ; cursor : hand }
.tx1 { height : 20px ; width : 30px ; font-size : 9pt ; border : 1px solid ; border-color : black black #000000 ; color : #0000FF }
-->
</ style >
< script language ="JavaScript" >
<!--
self.moveTo( 0 , 0 )
self.resizeTo(screen.availWidth,screen.availHeight)
// -->
</ script >
</ head >
< body bgcolor ="#FFFFFF" text ="#000000" background ="bj.gif" >
< form name ="form1" method ="post" action ="upfile.asp" enctype ="multipart/form-data" >
< input type ="hidden" name ="act" value ="upload" >
< table width ="76%" border ="1" cellspacing ="0" cellpadding ="5" align ="center" bordercolordark ="#CCCCCC" bordercolorlight ="#000000" height ="182" >
< tr bgcolor ="#CCCCCC" >
< td height ="22" align ="left" valign ="middle" bgcolor ="#CCCCCC" >
文件上传 </ td >
</ tr >
< tr align ="left" valign ="middle" bgcolor ="#eeeeee" >
< td bgcolor ="#eeeeee" height ="1" >
< script language ="javascript" >
function setid()
{
str = ' <br> ' ;
if ( ! window.form1.upcount.value)
window.form1.upcount.value = 1 ;
for (i = 1 ;i <= window.form1.upcount.value;i ++ )
str += ' 文件 ' + i + ' :<input type="file" name="file ' + i + ' " style="width:400" class="tx1"><br><br> ' ;
window.upid.innerHTML = str;
}
</ script >
< li > 需要上传的个数
< input type ="text" name ="upcount" class ="tx" value ="1" >
< input type ="button" name ="Button" class ="bt" onclick ="setid();" value ="· 设定 ·" >
</ li >
</ td >
</ tr >
< tr align ="center" valign ="middle" >
< td align ="left" id ="upid" height ="32" > 文件1:
< input type ="file" name ="file1" style ="width:403; height:20" class ="tx1" value ="" ></ td >
</ tr >
< tr align ="center" valign ="middle" bgcolor ="#eeeeee" >
< td bgcolor ="#eeeeee" height ="28" >
< input type ="submit" name ="Submit" value ="· 提交 ·" class ="bt" >
< input type ="reset" name ="Submit2" value ="· 重置 ·" class ="bt" ></ td >
</ tr >
</ table >
</ form >
</ body >
</ html >
jsp: