input type=file / capture 를 통한 파일업로드시 메모리 보안 이슈

Question

안녕하세요, 현 개발자입니다. 한 껏 구글링을 해보고 여러차례 시도를 해보았지만 어려움이 있어, 여러분께 도움을 구합니다.문제상황 > input type&#61;&#34;file&#34;을 사용하며, capture 속성을 통해 사용자가 사진을 찍어 파일을 업로드 하게 됩니다.업로드 이후, 핸드폰의 브라우저에서 메모리덤프를 뜨면, 사용자가 올린 원본이미지를 복원할 수 있어 문제입니다.기본적으로는 파일에 change 이벤트를 통해서 함수를 호출되도록 되어있습니다.$(input[type&#61;file]).on('change', function(e){ doFileUpload(e); });최초 이슈되었을때는 ajax 로 multipart/form-data로 가공없이 올린게 이유있거 같아.1. 첫 번째 형식 function doFileUpload(e){ $.ajax({ .... }); }FileReader로도 바꾸어보고, 업로드 완료 후에는 input file에 대한 초기화도 해보았으나, 계속 검출이 되는 상황입니다.2. 두번째 형식 function doFileUpload(e){ var reader &#61; new FileReader(); reader.addEventListener(&#34;load&#34;, readFileUpload); reader.addEventListener(&#34;loadend&#34;, function(ev){ //읽기 이후에 null 로 채우면 되지 않을까 싶어.. ev &#61; null; reader &#61; null; }); reader.readAsDataUrl(e.target.files[0]); } function readFileUpload(e){ var sendData &#61; new FormData(); sendData.append(&#34;uploadFile&#34;, crypto.cipher(e.target.result)); //이런 방식으로 결과값을 감쌋지만 그래도 검출.. sendData.append(&#34;uploadFileName&#34;, &#34;upload.jpg&#34;); $.ajax({ .... compleate : function(){ senddata &#61; null; } }); }저의 짧은 지식과 영어실력으로 검색해보았을때는 어떻게 제어를 해야할 지 또는 메모리에 있는 내용을 삭제 또는 치환이 가능한지가 궁금합니다.혹여, 같은 상황을 타파하신 고수분께서 계시다면은 도움을 부탁드립니다.감사합니다.

woojoooo · Answer

변수를 null로 할당했을 때 가비지 컬렉션이 바로 실행되는 것은 보장되지 않습니다. GC는 언제 수행되는 것일까요?: https://iyu88.github.io//javascript/2023/03/11/garbage-collection.html 크롬: V8, 사파리: JSC 위는 V8 설명이고 사파리는 다른 엔진 사용.

shintwl · Answer

가비지 컬렉터 기다리지 말고이미지의 byte 배열에 접근해서 각 index의 값을 0으로 바꿔야 할듯?

input type=file / capture 를 통한 파일업로드시 메모리 보안 이슈

2개의 답변

Q&A 목록