小技巧之js判定上传文件大小

最新推荐文章于 2022-07-11 07:34:00 发布

最新推荐文章于 2022-07-11 07:34:00 发布 · 155 阅读

文章标签：

#JavaScript #文件上传 #ViewUI

js 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种在前端直接限制上传文件大小的方法，通过检测文件大小并在超过预设限制时给出提示，无需将文件发送到服务器即可完成验证。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通常上传文件时我们要判断文件的大小，从而进行限制，一般来讲是把数据传到后台，然后判断文件大小，稍微麻烦一点，这里有一个简单方法，但是对浏览器的安全级别有要求，需要把“将文件上传到服务器时包含本地路径”项启用。

代码转载于http://www.CodeHighlighter.com
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>

<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;

} else {
fileSize = target.files[0].size;
}
alert(fileSize);
var size = fileSize / 1024;
if(size>10000){
alert("附件不能大于10M");

}

}
</script>
<body>
<INPUT TYPE="file" NAME="file" id="file" SIZE="30" onchange="fileChange(this)">
</body>
</html>