ソースを参照

feat(zhdpgl): 添加文件上传大小限制并更新提示信息- 为图片和视频上传添加大小限制
- 图片大小不超过10MB
-视频大小不超过100MB
- 更新上传提示信息,增加文件大小和比例要求

nahida 8 ヶ月 前
コミット
d59553765e
1 ファイル変更17 行追加2 行削除
  1. 17 2
      src/views/zhdpgl/zhdg/dpfb.vue

+ 17 - 2
src/views/zhdpgl/zhdg/dpfb.vue

@@ -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>