자바스크립트(javascript)로 파일 용량 체크 하는 방법
방법1)
InternetExplorer 외 방법
<script>
function sizeCheck(){
var size = document.getElementById("fileInput").files[0].size;
alert(size);
}
</script>
<body>
<form name="frm">
<input type="file" id="fileInput" />
<input type="button" value="upload" onclick="sizeCheck();">
</form>
-----------------------------------------------------------------------------------------------------------------
InternetExplorer 일 때 방법
<script>
function getSize(){
var myFSO = new ActiveXObject("Scripting.FileSystemObject");
var filepath = document.upload.file.value;
var thefile = myFSO.getFile(filepath);
var size = thefile.size;
alert(size + " bytes");
}
</script>
<form name="upload">
<input type="file" name="file">
<input type="button" value="Size?" onClick="getSize();">
</form>
-----------------------------------------------------------------------------------------------------------------
방법2)
<script type="text/javascript">
// 업로드 체크
function fileCheck(fileValue)
{
//확장자 체크
var src = getFileType(fileValue);
if(!(src.toLowerCase() == "zip")))
{
alert("zip 파일로 압축하여 첨부해주세요.");
return;
}
//사이즈체크
var maxSize = 31457280 //30MB
var fielSize = Math.round(fileValue.fileSize);
if(fileSize > maxSize)
{
alert("첨부파일 사이즈는 30MB 이내로 등록 가능합니다. ");
return;
}
form.submit();
}
// 파일 확장자 확인
function getFileType(filePath)
{
var index = -1;
index = filePath.lastIndexOf('.');
var type = "";
if(index != -1)
{
type = filePath.substring(index+1, filePath.len);
}
else
{
type = "";
}
return type;
}
</script>
-------------------------------------------------------------------------------
<form name="frm">
<input type="file" name="file1" />
<input type="button" value="upload" onclick="fileCheck(document.frm.file1.value)">
</form>
-----------------------------------------------------------------------------------------------------------------
방법3)
다른 방법 참조 : http://stackoverflow.com/questions/3717793/javascript-file-upload-size-validation
/*
var viewFileSize = document.getElementById("viewFileSize");
viewFileSize.innerHTML = fileSize.toFixed(2); //소수점 둘째자리까지 표시;
var maxSize = 5*1024*1000; //5M 개별파일 최대 용량
var maxFilesizeAll = 10*1024*1000; //10M 전체파일 최대 용량
*/'Language & Library > JavaScript' 카테고리의 다른 글
| [javascript] 문자열 치환 / 문자 바꾸기 (0) | 2014.11.10 |
|---|---|
| JavaScript - 숫자 체크 (isNaN) (0) | 2014.03.05 |
| 인터넷익스플로러8 (internet Explorer8, IE8)에서 new Date() 함수 못 쓸 때.. (0) | 2014.01.10 |
| toString() 메소드 재선언 (0) | 2013.12.04 |
| for in 빈복문, javascript array선언 (0) | 2013.12.04 |