可以使用File对象的size属性来获取。该属性返回文件的大小,单位为字节。
以下是一个示例代码:
// 选择文件的input元素
var fileInput = document.getElementById('fileInput');
// 当选择文件时触发事件
fileInput.addEventListener('change', function(event) {
// 获取选中的文件
var file = event.target.files[0];
// 检查文件是否存在
if (file) {
// 获取文件大小(单位:字节)
var fileSize = file.size;
// 将文件大小转换为可读格式(例如:KB、MB)
var fileSizeReadable = formatFileSize(fileSize);
// 输出文件大小
console.log('文件大小:' + fileSizeReadable);
}
});
// 格式化文件大小
function formatFileSize(fileSize) {
if (fileSize < 1024) {
return fileSize + 'B';
} else if (fileSize < 1024 * 1024) {
return (fileSize / 1024).toFixed(2) + 'KB';
} else {
return (fileSize / (1024 * 1024)).toFixed(2) + 'MB';
}
}
这段代码通过监听文件选择框的change事件,获取用户选择的文件,并使用File对象的size属性获取文件大小。然后,通过formatFileSize函数将文件大小转换为可读格式,并输出到控制台。
推荐的腾讯云相关产品:腾讯云对象存储(COS)。
腾讯云对象存储(COS)是一种海量、安全、低成本、高可靠的云存储服务,适用于存储大量非结构化数据,如图片、音视频、备份、容灾、日志等。它提供了简单易用的API接口,可以方便地进行文件的上传、下载、删除等操作。
产品介绍链接地址:腾讯云对象存储(COS)
136届广交会企业系列专题培训
玩转 WordPress 视频征稿活动——大咖分享第1期
云+社区沙龙online第5期[架构演进]
云+社区沙龙online第6期[开源之道]
云+社区技术沙龙[第10期]
腾讯自动驾驶系列公开课
Techo Youth2022学年高校公开课
领取专属 10元无门槛券
手把手带您无忧上云