成功效果图：                

上篇文章描述了单个文件的上传和配置，下面主要讲解下不同的地方：

index.jsp

 <head>

    <script type="text/javascript">

        function check(){

            var file = document.getElementsByName("file");

            var filename = document.getElementsByName("fileName");

            var filetype = document.getElementsByName("fileType");

            for(var i =;i<file.length;i++){

                if(file[i].value !=""){

                      var f = file[i].value ;

                      var type = f.substr(f.lastIndexOf(".")).toLowerCase();

                    var name = f.substr(f.lastIndexOf("\\"));

                    filename[i].value = name;

                    filetype[i].value = type;

                  }else{

                      alert("请选择文件");

                    return false;

                  }

            }

            return true;

        }

    </script>

  </head>

  <body>

    <p>stuts  多文件上传实例 </p>

    ${requestScope.typeError}

      <form action="/uploadMore.do" method="post" enctype="multipart/form-data" onsubmit="return check();">

       上传文件1：<input type="file" name="file" /><br>

                <input type="hidden" name="fileType"/><br>

                <input type="hidden" name="fileName"/><br>

     上传文件2：<input type="file" name="file" /><br>

            <input type="hidden" name="fileType"/><br>

            <input type="hidden" name="fileName"/><br>

           <input type="submit" value="提交"/>

      </form>

  </body>

struts.xml

 <package name="uploadMoreFile" extends="struts-default">

      <!--多文件上传  -->

         <action name="uploadMore" class="com.nn.upload.UploadMoreAction" method="uploadMore">

             <interceptor-ref name="fileUpload">

                <param name="allowedTypes">image/bmp,image/png,image/gif,image/jpeg,image/pjpeg</param>

            </interceptor-ref>

            <interceptor-ref name="defaultStack"/>

               <param name="savePath">/upload</param> <!-- 保存的真实路径 -->

               <result name="success">/successMore.jsp</result>

               <result name="input">/index.jsp</result>

         </action>

     </package>
UploadMoreAction.java
public class UploadMoreAction extends ActionSupport {

    private File[] file;

    private String[]  fileName;

    private String[] fileType;

    public String  uploadMore(){

        String realpath = ServletActionContext.getServletContext().getRealPath("/upload");

        if (this.file.length > ) {

            String[] name = this.getFileName();

            for(int i =;i<file.length;i++){

                SimpleDateFormat  df = new SimpleDateFormat("yyyyMMddHHmmss");

                name[i] = df.format(new Date())+name[i].substring(); //获取文件名称，去掉\，并添加时间

                File savefile = new File(new File(realpath), name[i]);

                if (!savefile.getParentFile().exists())

                    savefile.getParentFile().mkdirs();

                try {

                    FileUtils.copyFile(file[i], savefile);

                } catch (IOException e) {

                    e.printStackTrace();

                }

                ActionContext.getContext().put("message", "文件上传成功！");

            }

            //this.setFileName(name);

        }

        return "success";

     }   
}


successMore.jsp




  <body>

      ${requestScope.message}<br>

    <s:iterator value="fileName" status="stuts">

         文件名称：  <s:property value="fileName[#stuts.index]"/><br>

         文件为：   <img src="${pageContext.request.contextPath}/<s:property value="'upload/'+fileName[#stuts.index]"/>"><br>

    </s:iterator>

    <s:debug></s:debug>

  </body>




												


											
struts2的多个文件上传的更多相关文章
	

    
						
  1. Struts2框架下的文件上传文件类型、名称约定
		
    Struts2框架下的文件上传机制:1.通过multipart/form-data form提交文件到服务器2.文件名是通过什么地方设置的?在strust2的FileUploadInterceptor ...
    
		
    2. 
						
  2. Struts2(十五)实现文件上传
		
    一.导入包 需要将commons-fileupload和commons-io包和struts包一起导入 实现步骤: 在Jsp页面实现客户端选择上传文件 配置Struts.xml,拦截器会自动接收上传的 ...
    
		
    3. 
						
  3. Struts2学习笔记(十一)——文件上传
		
    1.单文件上传 单文件上传步骤: 1)创建上传jsp页面 文件上传的表单提交方式必须是POST方式,编码类型:enctype="multipart/form-data",默认是 a ...
    
		
    4. 
						
  4. Struts2 使用Jquery+ajax 文件上传
		
    话不多说 直接上代码 前台js: var formData = new FormData(); formData.append("file1",$("#file1&quo ...
    
		
    5. 
						
  5. Struts2的简单的文件上传
		
    1文件上传的流程: 第一步:首先得用表单标签的<s:file>在客户端接收上传的文件例如: <%@ page language="java" import=&qu ...
    
		
    6. 
						
  6. 深入分析JavaWeb Item47 -- Struts2拦截器与文件上传下载
		
    一.struts2中的拦截器(框架功能核心) 1.过滤器VS拦截器 过滤器VS拦截器功能是一回事. 过滤器是Servlet规范中的技术,能够对请求和响应进行过滤. 拦截器是Struts2框架中的技术. ...
    
		
    7. 
						
  7. struts2解决动态多文件上传的问题（上传文件与数据库字段一一对应)(转)
		
    struts2多文件上传我想只要会用struts2的朋友都不会陌生,但是怎么在action中根据用户上传的文 件把文件路径写到数据库中对应的字段上呢?ps:我的意思是这样,页面上有固定的5个上传文件的 ...
    
		
    8. 
						
  8. 利用Struts2拦截器完成文件上传功能
		
    Struts2的图片上传以及页面展示图片 在上次的CRUD基础上加上图片上传功能 (https://www.cnblogs.com/liuwenwu9527/p/11108611.html) 文件上传 ...
    
		
    9. 
						
  9. struts2中简单的文件上传
		
    2016-08-31 一.       文件上传 利用commons-fileupload-1.2.1.jar实现简单的上传文件,首先在页面上填写表单,记得加上enctype="multip ...
    
		
    10. 
						
  10. [原创]Struts2奇葩环境任意文件上传工具(解决菜刀无法传文件或上传乱码等问题)
		
    上面这问题问得好  1 不知道大家有没碰到有些Strus2站点  上传JSP后访问404 或者503    注意我说的是404或503不是403(要是403换个css/img等目录或许可以)    但 ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. CodeForces717C 【数学】
			
    题意: 给你n个数既表示a类的值也表示b类的值,然后计算a和b类两两搭配相乘相加,使得答案最小: 思路: 显而易见的方案是最小乘最大,次小乘次大,然后依次下去.. 可以那个特例证明这个是对的 #inc ...
    
			
    2. 
						
  2. 异步编程(AsyncCallback委托,IAsyncResult接口,BeginInvoke方法,EndInvoke方法的使用小总结)
			
    http://www.cnblogs.com/panjun-Donet/archive/2009/03/03/1284700.html 让我们来看看同步异步的区别: 同步方法调用在程序继续执行之前需要 ...
    
			
    3. 
						
  3. Node.js 的回调模式
			
    我们都知道在javaScript中,如果在head标签里面引入script脚本,在打开web的时候,浏览器会先加载head中的信息,再加载body的信息: 如果head中有link标签,浏览器会开启一 ...
    
			
    4. 
						
  4. java模拟进程调度之模拟抢占试多级轮转调度（附带可视化解决方案）
			
    1.简介一下多级轮转调度 多级轮转调度是一种提高调度效率的解决方案,简单讲就是讲要执行的程分成几个优先级的列队即例如三个,第一个列队分10个时间片,第二个列队分配1000个时间片,第三个列队表示100 ...
    
			
    5. 
						
  5. Python-7-字典方法
			
    clear 删除所有字典项 >>> d = {} >>> d['name'] = 'Gumby' >>> d['age'] = 42 >&g ...
    
			
    6. 
						
  6. POJ-1020-Anniversary Cake
			
    链接:https://vjudge.net/problem/POJ-1020 题意: 给一个宽为s的正方形,再给n个变长为an的小正方形, 判断是否能将这n个小正方形完全填充到这个大正方形里面. 思路 ...
    
			
    7. 
						
  7. HTML实例之简单的网页布局
			
    需求: <html> <head> <title>简单的表格网页布局</title> <meta charset="UTF-8" ...
    
			
    8. 
						
  8. IDEA Maven无法添加依赖到项目中
			
    IDEA--------->File-------->Setting------------>Maven 勾上即可,OK啦! 完美解决了
    
			
    9. 
						
  9. prerender-spa-plugin预处理vue项目实践
			
    由于公司想要把商城做由之前的php和前端混合开发改版为前后端分离,所以拿现在手上的vue项目来实践一下 https://github.com/chrisvfritz/prerender-spa-plu ...
    
			
    10. 
						
  10. div 绝对定位
			
    div绝对居下 .Phone2title{ width:%; height:30px; line-height:30px; /*text-align:left;*/ /*background-colo ...
    
			
    11.