fix:banner图上传图片限制

package-lock.json

@@ -3034,9 +3034,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001204",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001204.tgz",
-      "integrity": "sha512-JUdjWpcxfJ9IPamy2f5JaRDCaqJOxDzOSKtbdx4rH9VivMd1vIzoPumsJa9LoMIi4Fx2BV2KZOxWhNkBjaYivQ==",
+      "version": "1.0.30001271",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001271.tgz",
+      "integrity": "sha512-BBruZFWmt3HFdVPS8kceTBIguKxu4f99n5JNp06OlPD/luoAMIaIK5ieV5YjnBLH3Nysai9sxj9rpJj4ZisXOA==",
       "dev": true
     },
     "case-sensitive-paths-webpack-plugin": {

src/components/editTemplate/banner.vue

@@ -127,7 +127,7 @@ export default {
       hashes: [],
       ExistingImg: [], //回显需要
       t: null,
-      typeFile: 'file',
+      typeFile: "file",
     };
   },
   created() {
@@ -331,6 +331,16 @@ export default {
       this.previews.url = "";
       this.option.img = " ";
       const file = e.target.files[0];
+      if (!file) {
+        return;
+      }
+      if (file.size > 5242880) {
+        this.$message({
+          message: "上传图片大小不可超过5M",
+          type: "warning",
+        });
+        return;
+      }
       if (file) this.option.img = URL.createObjectURL(file);
     },
     imgLoad(msg) {