更新记录
1.0.2(2022-04-10) 下载此版本
添加授权提示
1.0.1(2021-11-01) 下载此版本
增加了根据文件类型筛选文件的功能,该功能由新增的 filterArr 属性控制,具体请看文档
1.0.0(2021-06-11) 下载此版本
1.0.0发布
查看更多平台兼容性
uni-app
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | - | - | - | √ | - | - | - | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|
| × | × | × | × | - | - | - | × | - | × | × |
select-file 文件选择(安卓)
使用 v-model 绑定一个变量来控制组件的开启与关闭
属性说明:
| 属性名 | 是否必须 | 类型 | 默认值 | 说明 |
|---|---|---|---|---|
| filterArr | 否 | Array | --- | 筛选文件类型(不区分大小写)见下方说明 |
| folderImg | 否 | String | --- | 文件夹的图片 |
| backImg | 否 | String | --- | 返回上一级图片 |
| directionImg | 否 | String | --- | 右指向箭头 |
| enterImg | 否 | String | --- | 进入文件夹箭头 |
| fileImg | 否 | String | --- | 未知文件通用图标,当前仅可识别 pdf、doc/docx、txt |
| txtImg | 否 | String | --- | txt文件图标 |
| docImg | 否 | String | --- | doc/docx文件图标 |
| pdfImg | 否 | String | --- | pdf文件图标 |
| selectedImg | 否 | String | --- | 取消按钮颜色 |
| unselectedImg | 否 | String | --- | 未选中状态下的按钮图标 |
| titel | 否 | String | 选择文件 | 标题文字 |
| titelSize | 否 | String,Number | 36(rpx) | 标题文字大小 |
| titelWeight | 否 | String,Number | 600 | 标题文字粗细 |
| titelColor | 否 | String | #373737 | 标题文字颜色 |
| navBgColor | 否 | String | #fff | 顶部标题栏背景色 |
| btnText | 否 | String | 上传 | 底部按钮文字 |
| btnSize | 否 | String,Number | 36(rpx) | 底部按钮文字大小 |
| btnHeight | 否 | String,Number | 92(rpx) | 底部按钮高度 |
| btnBgColor | 否 | String | #6521e2 | 底部按钮颜色 |
| btnTextColor | 否 | String | #fff | 底部按钮文字颜色 |
filterArr属性说明 格式为['zip','RAR'],不区分大小写
事件说明:
| 事件称名 | 说明 |
|---|---|
| confirm | 点击上传按钮触发的回调事件,会返回选中文件的地址,参数见下方 |
confirm参数说明:
| 事件称名 | 说明 |
|---|---|
| name | 文件名 |
| url | 文件地址 |
| sizeMB | 文件大小 |

收藏人数:
下载插件并导入HBuilderX
下载示例项目ZIP
赞赏(1)
下载 4831
赞赏 1
下载 10677515
赞赏 1797
赞赏
京公网安备:11010802035340号