base64image to image file for form data

Question

base64image 데이터만 있는 상태에서 blob 형태로 변환하여 form data에 담아서 보내는 방법에 대한 정리입니다. 특정 라이브러리에서 만들어지는 이미지 업로드가 필요한 상황이 생겼습니다.근데 특정 라이브러리에서 image 파일을 만들어주는 기능이 제공되고 있지 않아서 base64image string 값이 나오는 상황이였는데 해당 값을 서버에 바로 저장해도되지만 용량도 많아지고, 서버 쪽에서 처리해야할 루틴도 생기기 때문에 client에서 처리하는게 낫겠다 판단되어, base64image를 image file로 바꿨습니다.방법은 최근 fetch api에서 blob image로 바꿔주는 기능을 지원하기 때문에 fetch(data).then( res &#61;> { return res.blob() }).then( myblob &#61;>{ 원하시는 코드~ } myblob이 blob형태로 넘어온 데이터구요.blob 데이터를 아래 formdata에 담아서 보내주면 됩니다. const formData &#61; new FormData();formData.append('image', data[name], &#34;image.png&#34;); 데이터를 전송하는건 fetch API로 보내면되고 특별한건 없습니다.다만 마지막에 image의 경우 파일명을 확장자와 함께 전달해야한다는게 다른 formData와의 차이점이구요. 이걸 몰라서 한참 헤맸습니다;;django 쪽에서 에러가 계속나서 찾다가 마지막에 파일명을 넘겨줄 수 있다는걸 알게 됐네요~ 더 간단한 방법이 있으면 알려주시면 감사하겠습니다.

OKKY · Answer

해당 게시물은 관리자에 의해 Tips & 강좌에서 Tech Q&A로 이동 되었습니다.

base64image to image file for form data

1개의 답변

Q&A 목록