在利用element-ui开发文件上传时遇到这个问题。
下面是 before-upload 上传文件前的钩子,在遇到大于10M的文件时,我们返回false
const isPDF = file.type === 'application/pdf';
const isZIP = file.type === 'application/zip';
const isRAR = file.type === 'application/rar';
const isSupportFileType = isPDF || isZIP || isRAR
if (!isSupportFileType) {
this.$message.error('上传文件格式仅支持: zip、rar、pdf');
}
const isLt10M = file.size / 1024 / 1024 < 10;
if (!isLt10M) {
this.$message.error('上传头像图片大小不能超过 10MB!');
}
return isSupportFileType && isLt10M;
但是这时会出现自动调用before-remove on-remove钩子
其实此时我们根本没有上传文件,所以也不会需要删除操作,
fileRemove (file, fileList) {
if (file && file.status === "success") {
//代码放到这里
}
}
网友评论