1. 유저가 올린 파일의 이름을 그대로 사용하는 경우 (파일명을 바꿔줄 필요가 없는 경우)
|
1
|
formData.append('userpic', myFileInput.files[0]);
|
cs |
2. 유저가 올린 파일의 이름을 바꿔서 파일명 중복을 회피하여 사용해야 하는 경우 (파일명을 바꿔줘야 하는 경우)
3번째 인자로 바꿀 파일명을 넣어준다.
|
1
|
formData.append('userpic', myFileInput.files[0], 'changeFileNm.jpg');
|
cs |
참고 : https://developer.mozilla.org/ko/docs/Web/API/FormData/append
[ UUID 생성 함수 ]
UUID.확장자 형태로 리턴
|
1
2
3
4
5
6
|
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);
}
|
cs |
위 함수를 아래와 같이 사용.
|
1
|
formData.append('userpic', myFileInput.files[0], makeUUID(myFileInput.files[0].name));
|
cs |
※ http FIleupload 는 여기를 참고
반응형
'front > javascript' 카테고리의 다른 글
| [javascript] 함수의 특징 (1급 객체) (0) | 2019.11.09 |
|---|---|
| 페이지를 벗어나는 경우 이벤트 처리 : onbeforeunload (0) | 2019.11.01 |
| http file upload : $.ajax, XMLHttpRequest() 사용 (2) | 2019.10.17 |
| $.ajax .done .fail 사용시 response data 가져오기 (0) | 2019.10.16 |
| setInterval , setTimeout (0) | 2019.10.08 |