SpringMVC--多文件上传（附带实例）

待我称王封你为后i 2021-08-13 12:59 360阅读 0赞

#### Spring MVC多文件上传 ####

**1）创建工程并导入JAR包**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvbGRfX19wbGF5_size_16_color_FFFFFF_t_70]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvbGRfX19wbGF5_size_16_color_FFFFFF_t_70 1]

**2）创建多文件选择页面**  
在 WebContent 目录下创建 JSP 页面 multiFiles.jsp，在该页面中使用表单上传多个文件，具体代码如下：

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
        <form action="${pageContext.request.contextPath }/multifile" method="post" enctype="multipart/form-data">
            选择文件1：<input type="file" name="myfile"><br>
            文件描述1：<input type="text" name="description"><br />
            选择文件2：<input type="file" name="myfile"><br>
            文件描述2：<input type="text" name="description"><br />
            选择文件3：<input type="file" name="myfile"><br>
            文件描述3：<input type="text" name="description"><br />
            <input type="submit" value="提交">
        </form>
    </body>
    </html>

**3）创建POJO类**

package pers.zhang.pojo;
    import java.util.List;
    import org.springframework.web.multipart.MultipartFile;
    public class MultiFileDomain { 
        private List<String> description;
        private List<MultipartFile> myfile;
        
    	public List<String> getDescription() { 
    		return description;
    	}
    	public void setDescription(List<String> description) { 
    		this.description = description;
    	}
    	public List<MultipartFile> getMyfile() { 
    		return myfile;
    	}
    	public void setMyfile(List<MultipartFile> myfile) { 
    		this.myfile = myfile;
    	}
        
    
    }

**3）创建多文件上传处理方法**

/** * 多文件上传 */
    @RequestMapping("/multifile")
    public String multiFileUpload(@ModelAttribute MultiFileDomain multiFileDomain,HttpServletRequest request) { 
        String realpath = request.getServletContext().getRealPath("uploadfiles");
        File targetDir = new File(realpath);
        if (!targetDir.exists()) { 
            targetDir.mkdirs();
        }
        List<MultipartFile> files = multiFileDomain.getMyFile();
        for (int i = 0; i < files.size(); i++) { 
            MultipartFile file = files.get(i);
            String fileName = file.getOriginalFilename();
            File targetFile = new File(realpath, fileName);
            // 上传
            try { 
                file.transferTo(targetFile);
            } catch (Exception e) { 
                e.printStackTrace();
            }
        }
        logger.info("成功");
        return "showMulti";
    }

**5）创建成功显示页面**

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
        <table>
            <tr>
                <td>详情</td>
                <td>文件名</td>
            </tr>
            
            <c:forEach items="${multiFileDomain.description}" var="description" varStatus="loop">
                <tr>
                    <td>${description}</td>
                    <td>${multiFileDomain.myfile[loop.count-1].originalFilename}</td>
                </tr>
            </c:forEach>
            
        </table>
    </body>
    </html>

**6）测试文件上传**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvbGRfX19wbGF5_size_16_color_FFFFFF_t_70 2]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvbGRfX19wbGF5_size_16_color_FFFFFF_t_70 3]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvbGRfX19wbGF5_size_16_color_FFFFFF_t_70]: /images/20210813/51ce33eb949c4ca5a64b31c9d278b47f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvbGRfX19wbGF5_size_16_color_FFFFFF_t_70 1]: /images/20210813/58dddc0c043d4fb184c133d82dbf315d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvbGRfX19wbGF5_size_16_color_FFFFFF_t_70 2]: /images/20210813/881d210e0eb84773995d3e9368ae322a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvbGRfX19wbGF5_size_16_color_FFFFFF_t_70 3]: /images/20210813/8e88ffb18dcc449c9ad5789b18a207dc.png