navigator.sendbeacon을 이용해서 화면 이탈시 업로드된 파일을 삭제하고 싶습니다.

Question

나모에디터에 파일을 업로드할경우 바로 서버에 저장되버려서 게시글을 저장하지 않으면 서버에 업로드된 파일은 유령 데이터가 되버려서저장하기 전에 화면을 이탈하면 업로드한 파일을 삭제하려고 하는데요.document.addEventListener('visibilitychange' , e &#61;> {if(e.target.visibilitystate !&#61;&#61; 'hidden') return;navigator.sendbeacon('url', data);}이런식으로 이벤트를 적용하고 있는데요문제는 브라우저를 닫거나 탭을 닫을때 뿐만 아니라 브라우저를 최소화 하거나 다른탭으로 이동했을때도 이벤트가 발동되서 둘 사이를 구분하고싶은데 document에 마땅한 프로퍼티가 안보이네요.혹시 비슷한 경험 하신분들 어떻게 해결하셨는지 알려주시면 감사합니다.

Clickin · Accepted Answer

사용자가 강제종료하는 경우까지 다 이벤트가 발생하지 않습니다.OS가 process kill 하는데 크롬이 나 이벤트 다 발생시키고 죽을게 하고 기다려달라 할 수가 없으니까요벡엔드단에서 해결하셔야 합니다.파일을 임시 폴더에 넣어놓은 후 큐 테이블에 정보를 입력하고실제 게시글이 저장될 시 큐 테이블에 사용되었다는 정보를 표기하고5분, 10분 등 특정 시간이 지난 후에도 사용되지 않았다면 삭제하는 식으로 대응해야합니다.보통 세션 타임아웃으로 설정하면 되겠네요.아니면 좀 더 구현을 단순화하고 싶으시다면 file watchdog을 구현해서 파일 생성시간과 대조한 후위와 동일하게 일정 시간이 지났으면 지운다던가도 가능하겠네요

navigator.sendbeacon을 이용해서 화면 이탈시 업로드된 파일을 삭제하고 싶습니다.

1개의 답변

기술 목록