jsf实现同时上传不定数量的文件

基本思路:<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 }
{   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:

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值