#30.스프링프레임워크 & 마이바티스 (Spring Framework, MyBatis)_스프링프레임워크 강좌, 재직자환급교육,실업자국비지원교육, 국비지원교육, 구로IT교육학원, IT실무교육, 오라클자바커뮤니티
0 likes2,092 views
This document provides a detailed guide on implementing a multi-file upload feature using the Spring Framework and MyBatis. It includes steps for setting up dependencies, creating a model class for file forms, writing a controller, and building the corresponding JSP views for uploading files. The example demonstrates how to handle file uploads and display the uploaded files on a success page.
![스프링프레임워크 & 마이바티스
(Spring Framework, MyBatis)
6-17. Spring WEB MVC를 이용한 멀티파일 업로드, @ModelAttribute
STS에서
File New Spring Legacy Project
Project Name : fileupload
Spring MVC Project 선택
다음 화면의 top level package에서 a.b.fileupload 입력
[pom.xml]
파일업로드를 위한 의존성 추가
<!-- Apache Commons FileUpload -->
<dependency>
<groupId>commons-fileupload</groupId>
<artifactId>commons-fileupload</artifactId>
<version>1.3.1</version>
</dependency>
<!-- Apache Commons IO -->
<dependency>
<groupId>commons-io</groupId>
<artifactId>commons-io</artifactId>
<version>2.4</version>
</dependency>
[src/main/webapp/WEB-INF/spring/appServlet/servlet-context.xml에 추가]
<beans:bean id="multipartResolver"](https://image.slidesharecdn.com/30-170106091625/85/30-Spring-Framework-MyBatis-_-IT-IT-1-320.jpg)
![class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<!-- setting maximum upload size 5M-->
<beans:property name="maxUploadSize" value="5000000" />
</beans:bean>
[모델 클래스 FileForm.java]
fileupload.jsp에서 넘기는 폼 데이터를 @ModelAttribute로 받기 위한 객체
package a.b.fileupload;
import java.util.List;
import org.springframework.web.multipart.MultipartFile;
public class FileForm {
private List<MultipartFile> files;
private String upDir;
public List<MultipartFile> getFiles() {
return files;
}
public String getUpDir() {
return upDir;
}
public void setUpDir(String upDir) {
this.upDir = upDir;
}
public void setFiles(List<MultipartFile> files) {
this.files = files;
}
}](https://image.slidesharecdn.com/30-170106091625/85/30-Spring-Framework-MyBatis-_-IT-IT-2-320.jpg)
![3. 컨트롤러 작성[OnjController.java]
package a.b.fileupload;
import java.io.File;
import java.util.ArrayList;
import java.util.List;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.multipart.MultipartFile;
@Controller
public class HomeController {
@RequestMapping(value = "/", method = RequestMethod.GET)
public String displayForm() {
return "fileupload";
}
@RequestMapping(value = "/save", method = RequestMethod.POST)
public String save(@ModelAttribute("uploadForm") FileForm uploadForm,
Model map) throws Exception {
List<MultipartFile> files = uploadForm.getFiles();
// success.jsp 로 보낼 파일 이름 저장
List<String> fileNames = new ArrayList<String>();
if (null != files && files.size() > 0) {
for (MultipartFile multipartFile : files) {
String fileName = multipartFile.getOriginalFilename();
String path = uploadForm.getUpDir() + fileName;](https://image.slidesharecdn.com/30-170106091625/85/30-Spring-Framework-MyBatis-_-IT-IT-3-320.jpg)
![File f = new File(path);
multipartFile.transferTo(f);
fileNames.add(fileName);
}
}
map.addAttribute("files", fileNames);
return "success";
}
}
[ /src/main/webapp/WEB-INF/views/fileupload.jsp]
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form" %>
<html>
<head>
<title>spring mvc fileupload</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
<!-- jquery로 파일 첨부 추가 -->
$(document).ready(function() {
//add more file components if Add is clicked
$('#addFile').click(function() {
var fileIndex = $('#fileview tr').children().length;
$('#fileview').append(
'<tr><td>'+
' <input type="file" name="files['+ fileIndex +']" />'+
'</td></tr>');
});
});
</script>
</head>
<body>
<h3>Spring WEB MVC MuliFile Upload</h3>
<form:form method="post" action="save.html"](https://image.slidesharecdn.com/30-170106091625/85/30-Spring-Framework-MyBatis-_-IT-IT-4-320.jpg)
![modelAttribute="uploadForm" enctype="multipart/form-data">
<!-- 아래 경로는 적젃히 수정하자. 이 경로에 파일이 업로드 된다. -->
Upload Directory : <input type="text" name="upDir"
value="c:/java/project/upload/"/><br><br>
<input id="addFile" type="button" value="File Add" />
<table id="fileview">
<tr>
<td><input name="files[0]" type="file" /></td>
</tr>
</table>
<br/><input type="submit" value="Upload" />
</form:form>
</body>
</html>
[/src/main/webapp/WEB-INF/views/success.jsp
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
<title>Spring MVC Multiple File Upload</title>
</head>
<body>
<p>upload ok!!</p>
<ol>
<!-- 아래 files는 컨트롤러에서 직접 넘겨준 모델명 -->
<c:forEach var="file" items="${files}">
<li>${file}</li>
</c:forEach>
<!-- 컨트롤러에서 @ModelAttribute로 선언된 객체는 자동으로 view로 젂달 -->
<br><br>Uload Path : ${uploadForm.upDir}
</ol>
</body>
</html>
[실행]](https://image.slidesharecdn.com/30-170106091625/85/30-Spring-Framework-MyBatis-_-IT-IT-5-320.jpg)
#30.스프링프레임워크 & 마이바티스 (Spring Framework, MyBatis)_스프링프레임워크 강좌, 재직자환급교육,실업자국비지원교육, 국비지원교육, 구로IT교육학원, IT실무교육, 오라클자바커뮤니티
- 1. 스프링프레임워크 & 마이바티스 (Spring Framework, MyBatis) 6-17. Spring WEB MVC를 이용한 멀티파일 업로드, @ModelAttribute STS에서 File New Spring Legacy Project Project Name : fileupload Spring MVC Project 선택 다음 화면의 top level package에서 a.b.fileupload 입력 [pom.xml] 파일업로드를 위한 의존성 추가 <!-- Apache Commons FileUpload --> <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.3.1</version> </dependency> <!-- Apache Commons IO --> <dependency> <groupId>commons-io</groupId> <artifactId>commons-io</artifactId> <version>2.4</version> </dependency> [src/main/webapp/WEB-INF/spring/appServlet/servlet-context.xml에 추가] <beans:bean id="multipartResolver"
- 2. class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <!-- setting maximum upload size 5M--> <beans:property name="maxUploadSize" value="5000000" /> </beans:bean> [모델 클래스 FileForm.java] fileupload.jsp에서 넘기는 폼 데이터를 @ModelAttribute로 받기 위한 객체 package a.b.fileupload; import java.util.List; import org.springframework.web.multipart.MultipartFile; public class FileForm { private List<MultipartFile> files; private String upDir; public List<MultipartFile> getFiles() { return files; } public String getUpDir() { return upDir; } public void setUpDir(String upDir) { this.upDir = upDir; } public void setFiles(List<MultipartFile> files) { this.files = files; } }
- 3. 3. 컨트롤러 작성[OnjController.java] package a.b.fileupload; import java.io.File; import java.util.ArrayList; import java.util.List; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.ModelAttribute; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.multipart.MultipartFile; @Controller public class HomeController { @RequestMapping(value = "/", method = RequestMethod.GET) public String displayForm() { return "fileupload"; } @RequestMapping(value = "/save", method = RequestMethod.POST) public String save(@ModelAttribute("uploadForm") FileForm uploadForm, Model map) throws Exception { List<MultipartFile> files = uploadForm.getFiles(); // success.jsp 로 보낼 파일 이름 저장 List<String> fileNames = new ArrayList<String>(); if (null != files && files.size() > 0) { for (MultipartFile multipartFile : files) { String fileName = multipartFile.getOriginalFilename(); String path = uploadForm.getUpDir() + fileName;
- 4. File f = new File(path); multipartFile.transferTo(f); fileNames.add(fileName); } } map.addAttribute("files", fileNames); return "success"; } } [ /src/main/webapp/WEB-INF/views/fileupload.jsp] <%@taglib uri="http://www.springframework.org/tags/form" prefix="form" %> <html> <head> <title>spring mvc fileupload</title> <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> <!-- jquery로 파일 첨부 추가 --> $(document).ready(function() { //add more file components if Add is clicked $('#addFile').click(function() { var fileIndex = $('#fileview tr').children().length; $('#fileview').append( '<tr><td>'+ ' <input type="file" name="files['+ fileIndex +']" />'+ '</td></tr>'); }); }); </script> </head> <body> <h3>Spring WEB MVC MuliFile Upload</h3> <form:form method="post" action="save.html"
- 5. modelAttribute="uploadForm" enctype="multipart/form-data"> <!-- 아래 경로는 적젃히 수정하자. 이 경로에 파일이 업로드 된다. --> Upload Directory : <input type="text" name="upDir" value="c:/java/project/upload/"/><br><br> <input id="addFile" type="button" value="File Add" /> <table id="fileview"> <tr> <td><input name="files[0]" type="file" /></td> </tr> </table> <br/><input type="submit" value="Upload" /> </form:form> </body> </html> [/src/main/webapp/WEB-INF/views/success.jsp <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <html> <head> <title>Spring MVC Multiple File Upload</title> </head> <body> <p>upload ok!!</p> <ol> <!-- 아래 files는 컨트롤러에서 직접 넘겨준 모델명 --> <c:forEach var="file" items="${files}"> <li>${file}</li> </c:forEach> <!-- 컨트롤러에서 @ModelAttribute로 선언된 객체는 자동으로 view로 젂달 --> <br><br>Uload Path : ${uploadForm.upDir} </ol> </body> </html> [실행]