添加上传文件个数限制

src/views/file/components/HcFileUploadLarge.vue

@@ -1,5 +1,5 @@
 <template>
-    <el-upload ref="uploadRef" class="hc-file-upload-box"  :headers="getTokenHeader()" :data="uploadData" :disabled="uploadDisabled" multiple :show-file-list="false" :http-request="uploadFileHandle"
+    <el-upload ref="uploadRef" class="hc-file-upload-box"  :headers="getTokenHeader()" :data="uploadData" :disabled="uploadDisabled" multiple :limit="limit" :show-file-list="false" :http-request="uploadFileHandle"
                :on-success="uploadSuccess" :on-exceed="uploadExceed" :on-error="uploadError" :before-upload="beforeUpload" :on-progress="uploadprogress">
         <slot></slot>
     </el-upload>
@@ -31,6 +31,10 @@ const props = defineProps({
     size: {
         type: Number,
         default: 60
+    },
+    limit: {
+        type: Number,
+        default: 10
     }
 })
 
@@ -65,7 +69,8 @@ const beforeUpload = async (file) => {
 
 //超出限制时
 const uploadExceed = () => {
-    window?.$message?.warning(`请上传 ${props.accept} 格式的文件，文件大小不超过${props.size}M`);
+    //window?.$message?.warning(`请上传 ${props.accept} 格式的文件，文件大小不超过${props.size}M`);
+    window?.$message?.warning(`每次请不超过 ${props.limit} 个文件同时上传`);
 }
 
 //上传中