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

该博客介绍了如何使用JSF框架实现同时上传不定数量的文件。通过在<t:dataTable>组件内嵌入<t:inputFileUpload>,动态创建列表来处理上传文件。博主提供了jsp页面、BackingBean、VO对象、文件保存到硬盘的方法以及faces-config.xml的配置示例,展示了完整的文件上传流程,并附带了运行截图。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
<% @page language="java" contentType="
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值