<div id="container">
    <input type="file" id="fileInput" multiple="multiple">
</div>

let fileInput = document.querySelector('#fileInput')
const handleFileSelect = () => {
  const sizes = ['Bytes', 'KB', 'MB', 'GB']
  console.log(fileInput.files)
  const bytes = fileInput.files[0].size
  const k = 1024
  const i = Math.floor(Math.log(bytes) / Math.log(k)) // 为了算单位
  // Math.pow(k, i) k的i次方 这个大小对应Bytes, KB, MB, GB
  let fileSize = parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
    console.log('文件大小:', fileSize)
  }
 fileInput.addEventListener('change', handleFileSelect);
 console.log(fileInput.files)

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐