文件上传组件添加数量限制属性

RuoYi

2021-07-08 e259093e01a924469ed599fd3311c5b2fc04d49b

文件上传组件添加数量限制属性

 ruoyi-ui/src/components/FileUpload/index.vue

@@ -4,7 +4,9 @@
      :action="uploadFileUrl"

      :before-upload="handleBeforeUpload"

      :file-list="fileList"

      :limit="limit"

      :on-error="handleUploadError"

      :on-exceed="handleExceed"

      :on-success="handleUploadSuccess"

      :show-file-list="false"

      :headers="headers"

@@ -44,6 +46,11 @@
  props: {

    // 值

    value: [String, Object, Array],

    // 数量限制

    limit: {

      type: Number,

      default: 5,

    },

    // 大小限制(MB)

    fileSize: {

      type: Number,

@@ -129,6 +136,10 @@
      }

      return true;

    },

    // 文件个数超出

    handleExceed() {

      this.$message.error(`上传文件数量不能超过 ${this.limit} 个!`);

    },

    // 上传失败

    handleUploadError(err) {

      this.$message.error("上传失败, 请重试");