위지위그 이미지처리 방법...

Question

사용 스택next.jstoast-uifirebase storage배경위지위그에 업로드된 이미지를 서버에서 처리하지 않고 클라이언트에서 처리하려고 함문제(?)(이미지, 스토리지 처리하는게 처음이라 질문자체가 이상할 수 있습니다 죄송합니다..ㅠ)위지위그값에 이미지가 있을경우, 이미지를 외부 스토리지를 이용하여 처리하는 방법은 크게그냥 위지위그값을 그대로 서버에게 배째라 하고 보낸다클라이언트에서 외부스토리지를 사용하여 이러쿵 저러쿵해서 수정된 위지위그값을 서버로 보낸다.이렇게 있는 것 같은데, 2번을 구현하려고 합니다. 여기서 질문 드릴게 있는데,firebase storage는 파일도 받고 base64도 받는다는데, 파일 객체를 보내면 반환되는 그 url을 어떻게 사용해야 하나요..? 그냥 img태그 src속성에 넣으면 되나요..?위지위그에 이미지를 업로드할때 이벤트를 감지할 수 있는데, 여기서 firebase storage에 파일을 주면 막상 submit안하고 화면닫으면 그냥 storage만 잡아먹으니까 이미지 업로드 이벤트때 스토리지에 접근하는 방법은 안쓰는거죠..?(GPT가 이 방법을 계속 추천해서..)submit 직전에 위지위그 값을 뜯어보면 문자열로 된 html형식이고, 전송하려는 이미지도 img태그로 된 문자열인데 여기서 img태그를 추출해서 이러쿵저러쿵하고 반환받은 url은 img태그의 url에 넣어서 리퀘스트 객체에 넣어야 하는 건가요..?하루종일 고민한 결과가 이거네요..ㅠ 그리고 질문을 최대한 정제하려고는 했는데 제대로 전달이 되고 있는지 모르겠네요... 감사합니다 ㅠ

Henry7 · Answer

submit 전에 올린 이미지는 저장소의 임시 경로에 올리고, submit 시 경로를 옮기면 되고, 임시 경로 파일은 주기적으로 삭제하면 됩니다.

위지위그 이미지처리 방법...

1개의 답변

#firebasestorage 목록