js客户端判断文件上传大小(示例)
发布时间：2015-04-28 编辑：jiaochengji.com
分享一例js代码，用于判断上传文件的大小，学习下js中文件大小检测与计算的方法，有需要的朋友做个参考。
例子，js判断文件上传大小。
代码：
复制代码 代码示例:
<html>
<head>
<title>js判断文件上传大小_www.jiaochengji.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>
<head>
<title>js判断文件上传大小_www.jiaochengji.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>
您可能感兴趣的文章：
js 判断客户端能否上网多种方法
js客户端判断文件上传大小(示例)
js判断文件类型与文件大小限制上传大小
JS判断上传文件大小(支持IE与Firefox)
js判断上传文件类型与大小
js判断上传文件大小三种方法
php实现将文件上传到临时目录
js判断上传文件大小(实例)
js判断上传文件大小实例分享
js判断上传图片类型与大小
上一篇：js下拉列表框操作示例总结
下一篇：js判断上传图片大小与高宽的代码
[关闭]