通过file.size获取文件大小，然后foreach目录文件，获取总大小，具体代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>BFW NEW PAGE</title>
<script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
<script type="text/javascript">
function getFileSize(fileByte) {
var fileSizeByte = fileByte;
var fileSizeMsg = "";
if (fileSizeByte < 1048576) fileSizeMsg = (fileSizeByte / 1024).toFixed(2) + "KB";
else if (fileSizeByte == 1048576) fileSizeMsg = "1MB";
else if (fileSizeByte > 1048576 && fileSizeByte < 1073741824) fileSizeMsg = (fileSizeByte / (1024 * 1024)).toFixed(2) + "MB";
else if (fileSizeByte > 1048576 && fileSizeByte == 1073741824) fileSizeMsg = "1GB";
else if (fileSizeByte > 1073741824 && fileSizeByte < 1099511627776) fileSizeMsg = (fileSizeByte / (1024 * 1024 * 1024)).toFixed(2) + "GB";
else fileSizeMsg = "文件超过1TB";
return fileSizeMsg;
}
var files = [];
var totalsize = 0;
bready(function() {
$("#uploadfolder").change(function() {
for (var i = 0; i < this.files.length; i++) {
totalsize += this.files[i].size;
}
files = this.files;
alert("总共上传文件夹大小"+getFileSize(totalsize));
totalsize = 0;
});
$("#upload-btn").click(function() {
var fd = new FormData();
console.log(files);
for (var i = 0; i < files.length; i++) {
totalsize += files[i].size;
fd.append("file", files[i]);
}
$.ajax({
type: 'POST',
url: "/FolderUpload",
data: fd,
cache: false,
processData: false,
contentType: false,
dataType: 'json',
success: function (ret) {},
complete: function(XMLHttpRequest, textStatus) {}
});
});
});
</script>
<style>
</style>
</head>
<body>
<input type='file' id="uploadfolder" name="file" webkitdirectory />
<button id="upload-btn">上传文件夹</button>
</body>
</html>
网友回复
我知道答案，我要回答
私活外包
最新提问
如何破解绕开seedance2.0真人照片生成视频 限制？
python有哪些算法可以将视频中的每个帧图片去除指定区域水印合成新的视频？
iphone的激光雷达数据能否实时传输到three三维空间中？
豆包sora等ai视频生成大模型生成的视频水印如何去除？
python如何实现在电脑上拨号打电话给手机？
具身机器人与人形机器人区别？
nodejs如何将一个完整的js代码文件切割成不同的部分混淆后动态加载进入html运行？
为啥windows.onerror捕获js错误是这样的{"message":"Script error.","source":"","lineno":0,"colno":0,"stack":null,
2026年ai将全面接管编程？
WebMCP是干啥的？
