반응형
파일 업로드 시 고용량을 파일을 업로드하면 서버에 부담을 줄 수 있습니다.
그래서 서버까지 전달하지 않도록 Javascript에서 파일 용량을 체크할 필요가 있습니다.
용량 체크 소스
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>파일업로드 사이즈 체크</title>
<script type="text/javascript">
function filesize_chk(){
var mb = 1024 * 1024; //1mb(메가)
var limit_size = mb * 5;
var upload_size = document.frm.uploadfile.files[0].size;
if(limit_size < upload_size){
alert('5mb 사이즈 미만만 \n업로드가 가능합니다.');
return false;
}else{
//성공로직
}
}
</script>
</head>
<body>
<form method="post" name="frm">
<input type="file" id="uploadfile" ><br><br>
<button value="파일업로드" onclick="filesize_chk()">파일업로드</button>
</form>
</body>
</html>
소스 설명
document.frm.[엘리먼트아이디].files[0].size
input type이 파일인 엘리먼트 아이디를 지정.
위의 소스를 사용하면 파일 사이즈를 알 수 있습니다.
위의 파일 용량과 1024 * 1024 * 1 -> 1MB 로직을 이용하여
파일 업로드 사이즈에 제한을 줄 수 있습니다.
반응형
'Dev > JavaScript' 카테고리의 다른 글
| [Javascript] 새창으로 팝업 열기 예제 및 소스 (0) | 2022.12.05 |
|---|---|
| [Javascript] 특정 문자 단어 바꾸기 replace, replaceAll, 정규식 (0) | 2022.12.02 |
| [Javascript] Confirm 확인 창 띄우기 (0) | 2022.11.11 |
| [Javascript] 문자열, 숫자 길이 구하는 함수 (0) | 2020.02.05 |
| [Javascript] 마우스 오버, 아웃 기능 구현 (0) | 2020.01.28 |