인생 디벨로퍼

[Ajax] 썸네일 수정 contentType 설정 본문

JAVA Spring

[Ajax] 썸네일 수정 contentType 설정

뫄뫙뫄 2023. 6. 17. 18:09
728x90
반응형
 function updateImage() {
                let profileForm = $("#profileForm")[0];
                let formData = new FormData(profileForm);
                $.ajax({
                    type: "put",
                    url: "/user/profileUpdate",
                    data: formData,
                    contentType: false, // 필수 : x-www-form-urlencoded로 파싱되는 것을 방지
                    processData: false, // 필수: contentType을 false로 줬을 때 QueryString 자동 설정됨. 해제
                    enctype: "multipart/form-data",
                    dataType: "json"
                 

                })
                    .done((res) => {
                        alert(res.msg);
                        location.href = "/";
                    })
                    .fail((err) => {
                        alert(err.responseJSON.msg);
                    });
            }

x-www-form-urlencoded 는 텍스트 데이터를 포함시킬 수 있지만, 파일 업로드 같은 바이너리 데이터는 포함할 수 없다.

multipart/form-data 형식으로 데이터를 전송하기 위해 설정.

contentType: false
processData: false

 

버튼 클릭시

주소 쿼리스트링 확인됨??

 


 

 

728x90
반응형

'JAVA Spring' 카테고리의 다른 글

[Ajax] 비밀번호 확인  (0) 2023.06.18
[Ajax] 좋아요 만들기!  (0) 2023.06.18
SHA-256 해시 함수 코드  (0) 2023.05.12
spring 정리  (0) 2023.05.09
AOP 기본 연습 (1)  (0) 2023.03.14