1. 说明

在jpaas-common-lib 项目中我们增加了一个上传附件,用于简单的。
您可以在项目的:“jpaas_sources\jpaas-web\jpaas-commons\src\components\form\rx-attach-component.vue”文件中查看这个组件的源码;

我们可以看到,其实我们就只是给 ant design vue 的上传控件做了一次封装(ps:我们项目是基于Ant design vue来开发的)

所以我们可以直接查看Ant design vue/upload 的上传控件。

2. 样例

3. 控件属性

我们可以看到 rx-attach-component.vue 这个文件中的props里面

属性 说明 类型
v-model,value 控件的数据 Array
size 最大上传文件大小 单位 mb int
readonly 是否只读,只读的情况为不能选择上传 true / false ,默认false
multiple 是否支持多选文件,ie10+ 支持。开启后按住 ctrl 可选择多个文件。 true / false, 默认true
length 可以上传附件的个数 int
fileType 附件类型(默认为 any 即不限制) 可以使用的类型为(media,ppt,pdf,excel,word,image,txt,rar,zip) String

数据示例:

v-model / value 数据如下:

[
    {
        name: "",// 文件名
        fileId:""//文件id
    }
]

4. 控件示例

import {RxAttachComponent} from 'jpaas-common-lib';
export default {
        name: "task-commu-reply",
        components: {
            RxAttachComponent
        },
}
<rx-attach-component v-model="form.files" :size="50000" :readonly="false" :multiple="true"></rx-attach-component>
文档更新时间: 2021-08-17 09:21   作者:zyg