限制上传图片大小

src/components/Tinymce/components/editorImage.vue

@@ -94,6 +94,14 @@
       },
       beforeUpload(file) {
         const _self = this
+        const isLt10M = file.size / 1024 / 1024 < 10;
+        if(!isLt10M) {
+            this.$message({
+                message: '上传文件大小不能超过 10MB!',
+                type: 'warning'
+            });
+            return false;
+        };
         const fileName = file.uid;
         this.listObj[fileName] = {};
         _self.listObj[fileName] = {hasSuccess: false, uid: file.uid};

src/components/Upload/multiUpload.vue

@@ -30,7 +30,7 @@
       //最大上传图片数量
       maxCount:{
         type:Number,
-        default:5
+        default:10
       }
     },
     data() {
@@ -77,6 +77,14 @@
       },
       beforeUpload(file) {
         let _self = this;
+        const isLt10M = file.size / 1024 / 1024 < 10;
+        if(!isLt10M) {
+            this.$message({
+                message: '上传文件大小不能超过 10MB!',
+                type: 'warning'
+            });
+            return false;
+        };
         if(!this.useOss){
           //不使用oss不需要获取策略
           return true;

src/components/Upload/singleUpload.vue

@@ -86,6 +86,14 @@
       },
       beforeUpload(file) {
         let _self = this;
+        const isLt10M = file.size / 1024 / 1024 < 10;
+        if(!isLt10M) {
+            this.$message({
+                message: '上传文件大小不能超过 10MB!',
+                type: 'warning'
+            });
+            return false;
+        };
         if(!this.useOss){
           //不使用oss不需要获取策略
           return true;