|
|
@@ -113,6 +113,17 @@ const beforeUpload = (file: File) => {
|
|
|
ElMessage.error(`请上传${isImage ? '图片' : '视频'}格式文件`)
|
|
|
return false
|
|
|
}
|
|
|
+
|
|
|
+ // 文件大小检查
|
|
|
+ const isValidSize = isImage
|
|
|
+ ? file.size / 1024 / 1024 <= 10 // 图片不超过10MB
|
|
|
+ : file.size / 1024 / 1024 <= 100; // 视频不超过100MB
|
|
|
+
|
|
|
+ if (!isValidSize) {
|
|
|
+ ElMessage.error(`上传的${isImage ? '图片' : '视频'}大小不能超过${isImage ? '10MB' : '100MB'}`);
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
return true
|
|
|
}
|
|
|
|
|
|
@@ -277,10 +288,14 @@ onMounted(() => {
|
|
|
<el-button type="primary">点击上传</el-button>
|
|
|
<template #tip>
|
|
|
<div class="el-upload__tip" v-if="currentItem.state === 1">
|
|
|
- 只能上传jpg/png等图片文件
|
|
|
+ 只能上传jpg/png等图片文件<br />
|
|
|
+ 图片的比例为宽高比1:2(建议比例为128*256)<br />
|
|
|
+ 且图片大小不能超过10M
|
|
|
</div>
|
|
|
<div class="el-upload__tip" v-else-if="currentItem.state === 2">
|
|
|
- 只能上传mp4等视频文件
|
|
|
+ 只能上传mp4等视频文件<br />
|
|
|
+ 视频的比例为宽高比1:2<br />
|
|
|
+ 且视频大小不能超过100M
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-upload>
|