我们可以通过 js 检查用户上传的文件是否过大

通过 file 类型的 input 可以得到用户上传的文件，也就是一个 File 对象

通常情况下， File 对象是来自用户在一个 元素上选择文件后返回的 FileList 对象,也可以是来自由拖放操作生成的 DataTransfer 对象，或者来自 HTMLCanvasElement 上的 mozGetAsFile() API。在Gecko中，特权代码可以创建代表任何本地文件的File对象，而无需用户交互（有关详细信息，请参阅 注意事项 。

file 有一个 size 属性

以字节为单位返回文件的大小。

检查文件是否过大，可以写成

1
2
3
4
5
6
7

export const checkFileSizeTooLarge = (file, limitSize) => {
  if (!(file instanceof File)) {
    throw new Error('Not a file')
  }
  const size = Math.round(file.size / 1024)
  return size > limitSize
}