User CreateForm.jsx:65 Uncaught (in promise) TypeError: Failed to execute 'append' on 'FormData': parameter 2 is not of type 'Blob'.

sudyn·2023년 5월 11일
0

TIL

목록 보기
1/10
  // formData.append('data', data);
  // formData.append('data', new Blob([JSON.stringify(data)], { type: 'application/json' }));
  formData.append('data', JSON.stringify(data));
  img && formData.append('img', img);
  

blob으로 전달하는 텍스트 객체 하나와

두개의 매개변수로 하나는 필등림, 두번째는 필드값
두번째는 반드시 문자열, blob객체여야한다.
두번째는 blob을 전ㄷ라하고 있자.

  formData.append('data', JSON.stringify(data));

이렇게하면 데이터는 들어가나 이미지 때문에 전송이 안된다.

formData에 이미지 전송시 객체형태로 input에 입력한 값들을 넘겨주고,
이미지는 formData로 file객체 형태로 전달한다.

axios 통신시 contentType: multipart-form을 명시해준다.

profile
개발계발하는 프론트엔드 개발자🍠

0개의 댓글