1、上传文件事件,对文件名称、文件大小进行后续校验处理
handleFileChange = event => { const file = event.target.files && event.target.files[0] console.log(event.target.files) console.log(event.target.files[0]) }
2、校验文件大小,不能超过10M
if (Math.ceil(file.size / 1024) > 2048 * 5) { Message.error(‘上传excel文件超过10M‘) return }
(文件大小转为kb,并向上取整,如果文件大小超过10M,返回false;使用Math.ceil()向上取整,避免做除法后四舍五入的值,比原值小,导致小于10M)
3、校验文件类型
const fileName = file.name const type = /\.(xlsx|xls)$/.exec(file.name) if (!type) { Message.error(‘请选择后缀为xls或xlsx的excel文件!‘) return }
注:exec()与test()使用规则相同,reg.exec(str)