클라이언트-서버 간 파일 업로드: Ajax로 파일업로드 하기

function uploadFile() {
    var fileInput = document.getElementById('fileInput');
    
    // FormData 객체 생성
    var formData = new FormData();
    
    // 파일 추가
    formData.append('file', fileInput.files[0]);
    
    // Ajax 요청
    $.ajax({
        type: 'POST',
        url: 'upload', // Spring 컨트롤러 주소
        data: formData,
        processData: false,
        contentType: false,
        success: function(response) {
            console.log('파일 업로드 성공:', response);
        },
        error: function(error) {
            console.error('파일 업로드 실패:', error);
        }
    });
}

import org.springframework.http.HttpStatus;
import org.springframework.http.ResponseEntity;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile;

import java.io.File;
import java.io.IOException;

@Controller
public class UploadController {

    @PostMapping("/upload")
    @ResponseBody
    public ResponseEntity<String> handleFileUpload(@RequestParam("file") MultipartFile file) {
        // 파일 저장 경로
        String uploadPath = "uploads/";

        // 업로드된 파일 처리
        if (!file.isEmpty()) {
            try {
                // 업로드 디렉토리가 없으면 생성
                File uploadDir = new File(uploadPath);
                if (!uploadDir.exists()) {
                    uploadDir.mkdir();
                }

                // 저장될 파일 경로
                String filePath = uploadPath + file.getOriginalFilename();
                File dest = new File(filePath);

                // 파일 저장
                file.transferTo(dest);

                return new ResponseEntity<>("파일 업로드 성공", HttpStatus.OK);
            } catch (IOException e) {
                return new ResponseEntity<>("파일 업로드 실패: " + e.getMessage(), HttpStatus.INTERNAL_SERVER_ERROR);
            }
        } else {
            return new ResponseEntity<>("업로드된 파일이 없습니다.", HttpStatus.BAD_REQUEST);
        }
    }

    @RequestMapping("/")
    public String index() {
        return "index";
    }
}