介绍

开源组件为中台对外开放的小程序组件库,方便开发者快速集成部分功能,组件已经放在默认模板 components>flyrise 文件夹中。

附件管理组件

附件管理组件用于对文件进行上传到 oss、预览,同时支持小程序端预览图片,也支持在移动端打开文档附件。当前小程序端只支持图片选择,后面会支持。

参数

参数名 类型 默认值 描述
attachmentId String null 附件 id 用于附件上传和加载
updating boolean false 是否显示删除按钮
showBtn boolean false 是否显示添加附件按钮
selectImg boolean false 是否为选择图片,默认选择所有文件
maxCount Int 9 最大选择数量

操作示例

当前小程序文件组件,只支持图片选择,后期会支持文件

1. 隐藏附件选择按钮,使用 ref 直接调用附件选择事件,可以用于附件选取:

<pai-attach ref="paiAttach" :attachmentId.sync="id" :updating="true" :showBtn="false" :selectImg="true">
</pai-attach>
this.$refs.paiAttach.selecteFile()

2. 添加附件 id ,隐藏附件选择按钮,隐藏删除按钮,可以用于附件预览:

<pai-attach ref="paiAttach" :attachmentId="id" :updating="false" :showBtn="false" :selectImg="false">
</pai-attach>

3. 确认附件,一般上传完文本之后调用:

this.$refs.paiAttach.complete() //必须调用,否则附件不会保存
文档更新时间: 2022-04-22 14:04   作者:陈冕