上传限制大小

src/components/UploadImage.vue

@@ -27,7 +27,10 @@
           >
           >
             {{ item?.filename || filename(item.path) }}
             {{ item?.filename || filename(item.path) }}
           </span>
           </span>
-          <el-icon v-if="!disabled" style="cursor: pointer" @click="removeFile(i)"
+          <el-icon
+            v-if="!disabled"
+            style="cursor: pointer"
+            @click="removeFile(i)"
             ><Close
             ><Close
           /></el-icon>
           /></el-icon>
         </li>
         </li>
@@ -84,6 +87,11 @@ const onChange = async (e: Event) => {
   const files = (e.target as HTMLInputElement).files
   const files = (e.target as HTMLInputElement).files
   if (!files) return
   if (!files) return
   const file = files[0]
   const file = files[0]
+  let isLtTenM = file.size / 1024 / 1024 < 100;
+      if (!isLtTenM) {
+        ElMessage.error("上传文件大小不能超过 200MB!");
+        return isLtTenM;
+      }
   if (props.imageMode) {
   if (props.imageMode) {
     imageUpload(file)
     imageUpload(file)
   } else {
   } else {