js客户端判断文件上传大小(示例)

发布时间:2020-04-15编辑:脚本学堂
分享一例js代码,用于判断上传文件的大小,学习下js中文件大小检测与计算的方法,有需要的朋友做个参考。

例子,js判断文件上传大小。

代码:
 

复制代码 代码示例:
<html>
<head>
<title>js判断文件上传大小_www.jb200.com</title>
<script type="text/javascript">
var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
function fileChange(target) {
var fileSize = 0;
if (isIE && !target.files) {
var filePath = target.value;
var fileSystem = new ActiveXObject("Scripting.FileSystemObject");
var file = fileSystem.GetFile (filePath);
fileSize = file.Size;
alert(fileSize);
} else {
fileSize = target.files[0].size;
console.log(fileSize);
}
var size = fileSize / 1024;
if(size>1000){
document.getElementById("upfileSubmit").disabled=true;
alert("附件不能大于1M,请重新选择!");
}
else
{
document.getElementById("upfileSubmit").disabled=false;
}
}
</script>
</head>
<body>
上传文件区域:
<form name="form" method="post" action="" enctype="multipart/form-data" >
<input type="file" name="filename" size="20" onchange="fileChange(this);">
<input type="submit" value="上传" name="Send" id="upfileSubmit">
</form>
</body>
</html>