HTML 부분
'프로그래밍/JavaScript'에 해당되는 글 2건
- 2009.11.25 jQuery Ajax
- 2008.12.15 [Javascript] 파일 업로드시 용량계산
HTML 부분
<html>
<head>
<script type="text/javascript" language="javascript">
function getFileSize(filePath)
{
var len = 0;
if ( navigator.appName.indexOf("Netscape") != -1)
{
try {
netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');
} catch(e) {
alert("signed.applets.codebase_principal_support를 설정해주세요!\n"+e);
return -1;
}
try {
var file = Components.classes["@mozilla.org/file/local;1"].createInstance(Components.interfaces.nsILocalFile);
file.initWithPath ( filePath );
len = file.fileSize;
} catch(e) {
alert("에러 발생:"+e);
}
}
else if (navigator.appName.indexOf('Microsoft') != -1)
{
var img = new Image();
img.dynsrc = filePath;
len = img.fileSize;
}
return len;
}
function checkFile(obj, ob)
{
var len = getFileSize(obj.value);
// 아래 빨간색 부분이 파일사이즈 지정해 주는 부분입니다.
// 상황에 맞게 아래 부분을 수정해서 사용하시면 됩니다.
var lens = len / 1024 / 1024;
eval(ob).value = lens.toFixed(2); // 반올림 2자리
// if (len > 1024 * 1024)
// {
// alert("파일 크기는 1메가보다 작아야 합니다.");
// }
}
</script>
</head>
</body>
<form name="test">
<input type="file" name="file" onChange="checkFile(this,file_size);" />
<input type="text" name="file_size" value=""/>
</form>
</body>
</html>