更新记录
1.0.0(2021-10-20) 下载此版本
文件上传
平台兼容性
m-upload-file
1.0.0(2021-10-11)
-
附件上传及显示组件(多附件或者单附件)
<template> <view class="gui-padding"> <m-upload-file v-model="list" :uploadServerUrl="uploadServerUrl" :header="{'x-access-key':token}"></m-upload-file> </view> </template> <script> export default { data() { return { uploadServerUrl: '', token:'', list: '', } } } </script> <style> </style>
- #### 属性(Attributes)
参数 | 说明 | 类型 | 可选值 | 默认值
:---|:---|:---|:---|:---|:---|
value | 上传的附件 | Array, String | - | []
maxFileNumber | 最大附件选择数 | Number | - | 9,
btnName | 按钮文本 | String | - | rgba(0, 0, 0, 0.8)
removeBtnColor | 删除按钮文本颜色 | String | - | 添加照片
uploadServerUrl | 上传服务器 api 地址 | String | - | ''
progressSize | 进度条尺寸 | Number | - | 1
progressColor | 进度条激活颜色 | String | - | #27BD81
progressBGColor | 进度条背景颜色 | String | - | #F8F8F8
fileName | 上传时的文件名 | String | - | file
formData | 上传时携带的表单数据| Object | - | {}
header | 上传时携带的 header 数据| Object | - | {}
sourceType | 附件源类型 'album' : 相册 , 'camera' : 摄像头| Array | - | ['album', 'camera']
borderRadius | 组件圆角尺寸 | String | - | 0rpx
showClearAllImgs | 是否展示清除按钮 | Boolean | - | true
showCount | 是否展示计数器 | Boolean | - | true