[DAY52] 이미지 파일 변경없이 update하기

1nxeo·2023년 3월 29일

항해99

목록 보기
50/63
post-thumbnail

글 수정 기능을 구현하다가, 이미지 파일을 변경하지 않고 글자만 수정하여 보내줄 때, 서버에서 null 값을 인지하지 못하여 계속 오류가 발생했다.
서버 측에서 formData의 image 키가 null 일때의 예외처리를 전부 해 주었음에도 불구하고 지원하지 않는 content-type이라는 에러메세지에 자꾸 부딪히게 되었음.
그러다가! ! ! !

이미지인 척 하는 빈 블롭을 만들어서 보내주면 되지 않을까?!

하는 생각을 하게되었음.
한마디로 컴퓨터를 속이는거임. 비어있지만 이건 이미지파일이야~ 라고.

빈 이미지 블롭 만드는 법

 const emptyImageBlob = new Blob([], { type: "image/jpeg" });

타입은 이미지로 정해주기. 그래야 속일 수 있음.


formData에 넣어주기

    const formData = new FormData();
    const emptyImageBlob = new Blob([], { type: "image/jpeg" });
    formData.append("image", emptyImageBlob, "image");
    formData.append("dto", dto);
profile
항상 피곤한 인서의 개발블로그

0개의 댓글