form 태그 file 명 바꿔주는 법 + UUID

1. 유저가 올린 파일의 이름을 그대로 사용하는 경우 (파일명을 바꿔줄 필요가 없는 경우)

formData.append('userpic', myFileInput.files[0]);

2. 유저가 올린 파일의 이름을 바꿔서 파일명 중복을 회피하여 사용해야 하는 경우 (파일명을 바꿔줘야 하는 경우)

3번째 인자로 바꿀 파일명을 넣어준다.

formData.append('userpic', myFileInput.files[0], 'changeFileNm.jpg');

참고 : https://developer.mozilla.org/ko/docs/Web/API/FormData/append

 

[ UUID 생성 함수 ]

UUID.확장자 형태로 리턴

function makeUUID(file_nm){
   function s4() {
     return ((1 + Math.random()) * 0x10000 | 0).toString(16).substring(1);
   }
   return s4() + s4() + s4() + s4() + s4() + s4() + s4() + s4() + file_nm.substr(file_nm.indexOf("."), file_nm.length-1);
}

위 함수를 아래와 같이 사용.

formData.append('userpic', myFileInput.files[0], makeUUID(myFileInput.files[0].name));

 

※ http FIleupload 는 여기를 참고