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>
文档更新时间: 2022-03-27 10:53 作者:zyg