Spring

File Upload

Upload VO

• VO

  • 단일 파일을 받을 수 있는 VO 클래스 생성

    package com.spring.myweb.command;
    
    import org.springframework.web.multipart.MultipartFile;
    
    import lombok.Getter;
    import lombok.Setter;
    import lombok.ToString;
    
    @Getter
    @Setter
    @ToString
    public class UploadVO {
    	
    	private String name;
    	// 파일 명 
    	private MultipartFile file;
    	// 파일 값 
    	
    }

  • 복수 파일을 받을 수 있는 VO 클래스 생성

    package com.spring.myweb.command;
    
    import java.util.List;
    
    import lombok.Getter;
    import lombok.Setter;
    import lombok.ToString;
    
    @Getter
    @Setter
    @ToString
    public class MultiUploadVO {
    	private List<UploadVO> fileList;
    	// UploadVO객체들이 있는 list 선언
    }

Upload Method

• 파일 업로드

  • 파일 업로드를 하기 위해서는 form태그에 enctype라는 속성으로 값은 multipart/form-data 지정하면 form태그에 파일을 업로드 할 수 있음

  • DB에 이미지나 동영상, 오디오 등을 저장하는 것은 비용의 한계가 존재

  • 비용의 한계가 있으므로 사용자가 업로드 한 파일은 서버의 컴퓨터에 저장을 하고 DB에는 저장된 경로만 저장하는 방식 사용

  • MultipartFile 인터페이스를 활용해서 업로드 파일을 조작하고 서버 컴퓨터에 저장

  • 파일명이 겹칠 수 있으므로 랜덤 문자를 이용해 파일 이름을 바꿔 저장 (UUID Library)

  • 단일 파일 업로드와 다중 파일 업로드 모두 가능

  • Controller

    @PostMapping("/upload_ok")
    	public String upload(@RequestParam("file") MultipartFile file) {
    		// file이라는 이름의 데이터를 MultipartFile라는 인터페이스 형태로 받음 
    		
    		try {
    			String fileRealName = file.getOriginalFilename();
    			// 파일 원본 명 
    			long size = file.getSize();
    			// getSize() : 파일에 대한 크기
    			
    			System.out.println("파일 이름 : " + fileRealName);
    			System.out.println("파일 크기 : " + size);
    			
    			// DB에는 파일 경로를 저장하고 실제 파일은 서버 컴퓨터의 로컬 경로에 저장하는 방식 
    			String uploadFolder = "C:\\uploadtest\\upload";
    			// 바탕화면에 폴더 만들 예정 
    			File folder = new File(uploadFolder);
    			// File이라는 객체로 경로를 만듬 
    			if(!folder.exists()) {
    				// 지정한 경로에 원래 폴더가 존재하지 않는다면 
    				folder.mkdirs();
    				// 즉 폴더가 존재하지 않는다면 해당 경로에 폴더를 생성 
    			}
    			
    			// 저장할 파일의 확장자 
    			String fileExtension = fileRealName.substring(fileRealName.lastIndexOf("."), fileRealName.length());
    			// substring을 통해 업로드 파일 확장자 추출
    			/*
    		        파일 업로드 시 파일명이 동일한 파일이 이미 존재할 수도 있고,
    		        사용자가 업로드하는 파일명이 영어 이외의 언어로 되어있을 수 있음
    		        
    		        그리고 타 언어를 지원하지 않는 환경에서는 정상 동작이 되지 않음으로 (리눅스)
    		        고유한 랜덤 문자를 통해 DB와 서버에 저장할 파일명을 새롭게 만들어 줌*/
    			
    			// 고유한 랜덤 문자 생성 
    			UUID uuid = UUID.randomUUID();
    			System.out.println(uuid.toString());
    			
    			String[] uuids = uuid.toString().split("-");
    			// 중간에 -이 존재하기 때문에 -없애야함 
    			System.out.println("생성된 고유 문자열 : " + uuids[0]);
    			System.out.println("확장자명 : " + fileExtension);
    			// 생성된 고유 문자열로 사용을 할 예정 
    			
    			// 업로드 받은 파일을 만들어주는 과정 
    			folder = new File(uploadFolder + "\\" + uuids[0] + fileExtension);
    
    			file.transferTo(folder);
    		} catch (Exception e) {
    			e.printStackTrace();
    		} 
    		// 매개변수로 받은 File 객체를 이용해 실제 업로드 받은 파일 저장 
    		
    		return "fileupload/upload_ok";
    
    	}

    
    

Multi File Upload

• 복수 파일 업로드1

  • 복수의 파일 업로드를 하기 위해서는 form태그에 기존 방법에 multiple이라는 속성을 추가해서 값은 multiple 작성하면 다중 파일을 업로드 할 수 있음

  • MultipartHttpServletRequest 인터페이스를 통해 Controller로 들어오는 값을 얻을 수 있음

  • Controller

    @PostMapping("/upload_ok2")
    	public String upload2(MultipartHttpServletRequest files) {
    		// 여러 파일이 controller로 들어오기 때문에 MultipartHttpServletRequest 인터페이스를 통해 
    		// 가져올 수 있음 
    		
    			try {
    				// 서버에서 파일을 저장할 경로 
    				String uploadFolder = "C:\\uploadtest\\upload";
    				
    				List<MultipartFile> fileList = files.getFiles("files");
    				// getFiles안에는 Controller로 들어오는 파라미터 이름을 작성하면 list형태로 받을 수 있음
    				
    				for (MultipartFile file : fileList) {
    					String fileRealName = file.getOriginalFilename();
    					// 파일 이름 가져오기 
    					long size = file.getSize();
    					// 파일 크기 가져오기 
    					
    					System.out.println("파일 이름 : " + fileRealName);
    					System.out.println("파일 크기 : " + size);
    					
    					File saveFile = new File(uploadFolder + "/" + fileRealName);
    					// File객체를 사용해서 경로 지정 
    					
    					file.transferTo(saveFile);
    					// 위에서 지정한 경로로 값을 보냄 
    				}
    				// 반복문을 활용하여 값을 넣을 수 있음 
    			} catch (Exception e) {
    				e.printStackTrace();
    			}
    		return "fileupload/upload_ok";
    	}

• 복수 파일 업로드2

  • 다른 방법으로 복수 파일을 업로드 할 수 있음

    @PostMapping("/upload_ok3")
    	public String upload3(@RequestParam("file") List<MultipartFile> fileList) {
    		// 받을 때 list를 선언해서 받아옴 
    
    		String uploadFolder = "C:\\uploadtest\\upload";
    		for (MultipartFile file : fileList) {
    			try {
    				String fileRealName = file.getOriginalFilename();
    				// 파일 이름 가져오기 
    				long size = file.getSize();
    				// 파일 크기 가져오기 
    
    				System.out.println("파일 이름 : " + fileRealName);
    				System.out.println("파일 크기 : " + size);
    
    				File saveFile = new File(uploadFolder + "/" + fileRealName);
    				// File객체를 사용해서 경로 지정 
    
    				file.transferTo(saveFile);
    				// 위에서 지정한 경로로 값을 보냄 
    			}
    			// 반복문을 활용하여 값을 넣을 수 있음 
    			catch (Exception e) {
    				e.printStackTrace();
    			}
    		}
    		return "fileupload/upload_ok";
    	}

    
    

Test

• TEST
  • Upload File Test

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    
    	<!-- 파일 업로드에서는 enctype(인코딩 타입)을 "multipart/form-data"로 반드시 지정  -->
    	<form action="upload_ok" method="post" enctype="multipart/form-data">
    		파일 선택 : <input type="file" name="file"><br>
    		<input type="submit" value="전송"> 
    	</form>
    	
    	<hr>
    	
    	<!-- 복수 파일 전송 방법 1 -->
    	<form action="upload_ok2" method="post" enctype="multipart/form-data">
    		파일 선택 : <input type="file" multiple = "multiple" name="files"><br>
    		<!-- 다중 파일 선택  -->
    		<input type="submit" value="전송"> 
    	</form>
    	
    	<hr>
    	
    	<!-- 복수 파일 전송 방법 2 -->
    	<form action="upload_ok" method="post" enctype="multipart/form-data">
    		파일 선택 : <input type="file" name="file"><br>
    		파일 선택 : <input type="file" name="file"><br>
    		파일 선택 : <input type="file" name="file"><br>
    		<!-- 각 파일을 하나씩 받아서 Controller에 전송  -->
    		<input type="submit" value="전송"> 
    	</form>
    	
    	<hr>
    	
    	<form action="upload_ok4" method="post" enctype="multipart/form-data">
    	
    		원하시는 파일 명 : <input type="text" name="fileList[0].name"><br>
    		파일 선택 : <input type="file" name = "fileList[0].file"><br>
    		
    		
    		원하시는 파일 명 : <input type="text" name="fileList[1].name"><br>
    		파일 선택 : <input type="file" name = "fileList[1].file"><br>
    		
    		원하시는 파일 명 : <input type="text" name="fileList[2].name"><br>
    		파일 선택 : <input type="file" name = "fileList[2].file"><br>
    		
    		<input type="submit" value="전송"> 
    		
    	</form>
    </body>
    </html>