Просмотр исходного кода

fix: 添加文件上传大小限制及多语言提示

新增文件超过20MB时的错误提示,在cn、hk、en三个语言包中添加对应文案,在上传组件中增加大小校验逻辑
lsc 1 день назад
Родитель
Сommit
37aa142a6e
4 измененных файлов с 14 добавлено и 3 удалено
  1. 8 0
      src/components/pages/workPage/components/photo.vue
  2. 2 1
      src/lang/cn.json
  3. 2 1
      src/lang/en.json
  4. 2 1
      src/lang/hk.json

+ 8 - 0
src/components/pages/workPage/components/photo.vue

@@ -108,6 +108,14 @@ export default {
       input.onchange = (e) => {
         const files = e.target.files;
         if (files && files.length > 0) {
+          // 限制文件大小不超过20MB
+          const maxSize = 20 * 1024 * 1024; // 20MB
+          for (let i = 0; i < files.length; i++) {
+            if (files[i].size > maxSize) {
+              this.$message.error('上传文件大小不能超过20MB, 请重新上传');
+              return;
+            }
+          }
           this.uploadLoading = true;
           const uploadPromises = [];
           for (let i = 0; i < files.length; i++) {

+ 2 - 1
src/lang/cn.json

@@ -2064,5 +2064,6 @@
   "ssUnconfirmedToolPageTip": "存在未确认的工具页,请完成后发布课程。",
   "ssIgnoreAndPublish": "忽略并发布",
   "ssReturnModify": "返回修改",
-  "ssPleaseWait": "请稍后再试"
+  "ssPleaseWait": "请稍后再试",
+  "ssFileTooBig":"上传文件大小不能超过20MB, 请重新上传"
 }

+ 2 - 1
src/lang/en.json

@@ -2063,5 +2063,6 @@
   "ssUnconfirmedToolPageTip": "Unconfirmed tool page, please publish the course after completion.",
   "ssIgnoreAndPublish": "Ignore and publish",
   "ssReturnModify": "Return to modify",
-  "ssPleaseWait": "Please wait, try again later."
+  "ssPleaseWait": "Please wait, try again later.",
+  "ssFileTooBig":"The uploaded file size cannot exceed 20MB, please re-upload."
 }

+ 2 - 1
src/lang/hk.json

@@ -2064,5 +2064,6 @@
   "ssUnconfirmedToolPageTip": "存在未確認的工具頁,請完成後發布課程。",
   "ssIgnoreAndPublish": "忽略並發布",
   "ssReturnModify": "返回修改",
-  "ssPleaseWait": "請稍後再試"
+  "ssPleaseWait": "請稍後再試",
+  "ssFileTooBig":"上傳文件大小不能超過20MB, 請重新上傳"
 }