formData로 이미지 blob데이터 서버로 보낼때 422 unprocessable entity 에러

자바스크립트로 이미지 데이터를 서버에 보내려고 하는데 

 

422 unprocessable entity 에러가 나왔다. 

 

클라이언트의 요청이 서버에서 처리할 수 없는 형식이나 조건으로 제공되었을 때 반환됩니다.

 

라고 한다,,

 

원인은 자바스크립트로

formData.append("image", blob, "captured_image.jpg");

image를 키 값으로 captured_image.jpg라는 이름의 이미지를 보낼 거야! 라고 했는데

 

정작 서버에서 받을때

async def upload_image(frame: UploadFile):

키 값을 frame으로 설정해버려서 받아 드리지 못하는 것이었다,,

 

console에 key와 value를 체크하여 해결할 수 있었다.

// FormData의 key, value 확인
for (let [key, value] of formData) {
  console.log("key : ", key);
  console.log("value : ", value);
}