首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

获取文件大小的JavaScript接口

可以使用File对象的size属性来获取。该属性返回文件的大小,单位为字节。

以下是一个示例代码:

代码语言:txt
复制
// 选择文件的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)

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 领券