检查上传文件的大小

我们可以通过 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
}

原文作者: dgb8901,yinxing

原文链接: https://www.itwork.club/2020/12/18/check-file-size/

版权声明: 转载请注明出处

为您推荐

体验小程序「简易记账」

关注公众号「特想学英语」

Webpack uglifyjs | Unexpected token operator (>)