文章目录
一、前端 Vue `Upload`组件的`before-upload`方法二,使用方法一、前端 VueUpload
组件的before-upload
方法
判断用户上传的文件是否符合要求,可以根据文件类型或者大小做出限制。
二,使用方法
用file.type判断上面的文件类型就可以了,也可以根据文件的大小做限制。
beforeFileUpload (file) {console.log(file.type, '文件上传之前钩子')const isJPG = file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' || file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' || file.type === 'application/pdf' || file.type === 'application/msword'if (!isJPG) {this.$Message.error('只能上传 xls、xlsx、doc、docx、pdf 格式的文件')return false}const isLt30M = file.size / 1024 / 1024 < 30if (!isLt30M) {this.$Message.error('文件大小不能超过 30MB')return false}return true},