From e259093e01a924469ed599fd3311c5b2fc04d49b Mon Sep 17 00:00:00 2001
From: RuoYi <yzz_ivy@163.com>
Date: 星期四, 08 七月 2021 15:49:04 +0800
Subject: [PATCH] 文件上传组件添加数量限制属性
---
ruoyi-ui/src/components/FileUpload/index.vue | 11 +++++++++++
1 files changed, 11 insertions(+), 0 deletions(-)
diff --git a/ruoyi-ui/src/components/FileUpload/index.vue b/ruoyi-ui/src/components/FileUpload/index.vue
index 649e077..6e7992a 100644
--- a/ruoyi-ui/src/components/FileUpload/index.vue
+++ b/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("上传失败, 请重试");
--
Gitblit v1.9.2