文件上传时，采用JAVASCRIPT确定文件的大小-优快云博客

本文介绍了一个使用JavaScript编写的网页应用，该应用能够检测并显示用户选择上传文件的总大小。通过增加文件输入框的方式，允许用户多次选择文件，并在提交前验证所有文件的总大小。

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

源程序如下：

<html>
<head>
<title>
通过JAVASCRIPT检查上传文件总大小（成功执行）
</title>
<script>
function checkFile()
{
var fso,file,f;
fso = new ActiveXObject("Scripting.FileSystemObject");

var totalSize;
totalSize=0;

var getFileNum=parseInt(document.getElementById("fileNum").value);
var i=1;
for(i=1;i<=getFileNum;i++)
{
file=document.getElementById("file"+i).value;
f=fso.GetFile(file);
//alert("文件在大小："+f.size);
totalSize+=parseFloat(f.size);
}

alert("文件在总大小："+totalSize);
return false;
}
//增加一个文件
function addFile()
{
var upFile=window.uploadFiles.innerHTML;
var getFileNum=parseInt(document.getElementById("fileNum").value);
getFileNum=getFileNum+1;

var file="<br><input type='file' name='file"+getFileNum+"' id='file"+getFileNum+"'>";
window.uploadFiles.innerHTML=upFile+file;

document.getElementById("fileNum").value=getFileNum;
}
</script>
</head>
<body>
<form name="testForm" onsubmit="checkFile();">
<table>

<tr><td id="uploadFiles">
<input type="hidden" id="fileNum" value="1">
<input type="file" name="file1" id="file1"><input type=button value="增加文件" onclick="addFile();">
</td></tr>
<tr><td>
<input type="submit" value="上传文件">
<tr><td>
</form>
</body>
</html>