如何防止upload按钮选择超过特定大小和类型的文件？

<input type="file" id="uploadBtn" onchange="validateFile(this)">
<script>
function validateFile(input) {
  var file = input.files[0];
  var maxSize = 10 * 1024 * 1024; // 限制文件大小为10MB
  var allowedTypes = ['image/jpeg', 'image/png']; // 限制文件类型为JPEG和PNG

  if (file.size > maxSize) {
    alert('文件大小超过限制');
    input.value = ''; // 清空文件选择
    return;
  }

  if (!allowedTypes.includes(file.type)) {
    alert('文件类型不符合要求');
    input.value = ''; // 清空文件选择
    return;
  }

  // 文件验证通过，可以进行上传操作
}
</script>