띵콩땅콩
10
2020-11-24 16:26:33
2
119

클라이언트 > 서버로 FormData 전송방법


안녕하세요. 막 가입해서 첫 글을 질문글로 작성하게 되네요

저는 초급 개발자입니다. 가볍게 답변 부탁드려요!

제목 그대로입니다

FormData를 ajax를 통해 controller로 전송할 예정인데요.

FormData는 배열로 여러개의 이미지를 한번에 서버로 전송할겁니다.

조건은 ajax 사용, Map(String,Object)로 데이터를 받아서 파일명, 사이즈, 패스를 데이터베이스에 넣을겁니다.

이미지는 컨트롤러에서 로컬로 저장할 거에요

어떻게 하면 될까요?



0
  • 답변 2

  • 컴포지트
    1k
    2020-11-24 16:38:45

    1. jQuery 사용 시 예제

    $.ajax({
        url: 'request url',
        data: formData,
        processData: false,
        type: 'POST',
        success: function ( data ) {
            // ... success
        }
    });


    2. axios 사용 시 예제

    axios({
    	method: 'post',
    	url: 'request url',
    	data: formData,
    	headers: {'Content-Type': 'multipart/form-data' }
    })
    .then(function (response) {
        // 성공
    })
    .catch(function (response) {
        // 오류
    });



  • 띵콩땅콩
    10
    2020-11-24 16:41:53

    감사합니다. 제가 설명을 잘 못했네요. 근데 해결했어요 ~^^

  • 로그인을 하시면 답변 을 등록할 수 있습니다.