如何在客户端使用HTML和Javascript验证文件大小

<p id="error-message" style="color: red;"></p>

function validateFileSize(file) {
  const maxSize = 1 * 1024 * 1024; // 1MB
  if (file.size > maxSize) {
    return false;
  }
  return true;
}

document.getElementById('file-input').addEventListener('change', function(event) {
  const file = event.target.files[0];
  if (!validateFileSize(file)) {
    document.getElementById('error-message').innerText = '文件大小超过1MB';
  } else {
    document.getElementById('error-message').innerText = '';
  }
});