Notice
Recent Posts
Recent Comments
Link
반응형
250x250
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 전자정부 서버세팅
- js
- mybatis
- Javascript
- 자바스크립트기초문법
- 스프링부트
- 구글 oauth
- spring
- 웹
- Spring Boot
- 자바스크립트
- 웹앱
- 코딩
- 리액트프로젝트세팅
- react
- java
- 기초코딩
- 리액트세팅
- 자바스크립트 기초
- 구글캘린더api
- javaspring
- 마이바티스
- 기초 코딩
- 자바스크립트기초
- 자바
- springboot
- HTML
- 처음만나는자바스크립트
- 리액트초기세팅
- CSS
Archives
- Today
- Total
인생 디벨로퍼
[Ajax] 썸네일 수정 contentType 설정 본문
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 |