图片大小增加限制

package.json

 {
   "name": "@ezijing/vue-form",
-  "version": "2.1.9",
+  "version": "2.2.0",
   "private": false,
   "description": "基于Vue Element-UI的表单",
   "scripts": {

src/index.js

@@ -71,4 +71,4 @@ export default {
   install,
   // 以下是具体的组件列表
   ...components
-}
+}
\ No newline at end of file

src/packages/upload/src/main.vue

@@ -12,6 +12,7 @@
       :on-error="handleError"
       :on-exceed="handleExceed"
       :file-list="fileList"
+      :before-upload="beforeUploadFile"
       ref="upload"
       :class="classes"
     >
@@ -76,6 +77,9 @@ export default {
     limit() {
       return this.attrs.limit
     },
+    maxSize() {
+      return this.attrs.maxSize || 10
+    },
     hasUpload() {
       if (this.limit) {
         return this.fileList.length < this.limit
@@ -89,6 +93,13 @@ export default {
     }
   },
   methods: {
+    beforeUploadFile(file) {
+      const isLt10M = file.size / 1024 / 1024 < this.maxSize
+      if (!isLt10M) {
+        this.$message.error(`上传文件大小不能超过 ${this.maxSize}MB!`)
+      }
+      return isLt10M
+    },
     // 上传接口请求
     handleHttpRequest(xhr) {
       let { action, data = {}, headers = {} } = this.options.attrs
@@ -126,13 +137,14 @@ export default {
     // 删除
     handleRemove(file, fileList) {
       let { deleteAction, headers = {} } = this.options.attrs
-      httpRequest
-        .post(deleteAction, { item_id: file.id }, { headers })
-        .then(res => {
-          this.data[this.options.model] = fileList
-          this.$message.success(res.message)
-        })
-        .catch(error => this.$message.error(error.message))
+      file.id &&
+        httpRequest
+          .post(deleteAction, { item_id: file.id }, { headers })
+          .then(res => {
+            this.data[this.options.model] = fileList
+            this.$message.success(res.message)
+          })
+          .catch(error => this.$message.error(error.message))
     },
     // 新窗口预览
     newWindowPreview(url) {

vue.config.js

@@ -15,7 +15,7 @@ module.exports = {
     },
     proxy: {
       '/api/enrollment': {
-        target: 'http://enrollment-test.c3f0f1f4826b94e23a2c355a9dac8a299.cn-beijing.alicontainer.com',
+        target: 'http://test-enrollment.ezijing.com',
         ws: true,
         changeOrigin: true,
         pathRewrite: {