해민

  • 홈
  • 태그
  • 방명록

Multipart 1

[React + SpringBoot] 프론트에서 axios로 MultipartFile 을 보내고 백엔드에서 받기

프론트에서 axios로 MultipartFile를 전달해보겠다. 우선 Axios로 MultipartFile을 보내기 위해서는 FormData 객체를 사용해야한다. ❓ FormData를 사용하는 이유파일 업로드에 최적화된 형식이며 텍스트 + 파일을 함께 보낼 수 있기때문에 백엔드에서 @RequestParam으로 받을 수 있다. 그리고 FormData를 사용하면 Axios가 Content-Type header를 자동으로 설정해준다. 이때 multipart/form-data는 boundary라는 하나의 요청안에 여러 개의 데이터를 서로 구분해주는 경계선이 필요하다.이것을 Axios가 FormData객체를 감지해서 자동으로 생성해주는데 직접 headers: { "Content-Type": "multipar..

리액트 2025.06.11
이전
1
다음
더보기
프로필사진

해민

기록하는 프로그래밍

  • 분류 전체보기 (65) N
    • Java (12)
    • JavaScript (11)
    • HTML (6)
    • 알고리즘 (1)
    • CSS (3)
    • 데이터베이스 (7)
    • 리액트 (9)
    • JSP (4)
    • SpringBoot (9)
    • Backend (3) N

Tag

컴포넌트, map, 동기, Let, javascript, database, 리액트, java, react, MySQL, var, useEffect, 어노테이션, 호이스팅, 비동기, useState, Spring, const, 쿠키, axios,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바