更新记录
1.0.0(2021-10-20) 下载此版本
头像上传
平台兼容性
m-upload-portrait
1.0.0(2021-10-11)
-
头像上传及显示组件(单图)
<template> <view class="gui-padding"> <m-upload-portrait v-model="value" :uploadServerUrl="uploadServerUrl" :header="{'x-access-key':token}"></m-upload-portrait> </view> </template> <script> export default { data() { return { uploadServerUrl: '', token: '', value: '', } } } </script> <style>
</style>
- #### 属性(Attributes)
参数 | 说明 | 类型 | 可选值 | 默认值
:---|:---|:---|:---|:---|:---|
value | 上传的图片 | Array, String | - | []
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
imgMode | 图片 mode 属性 | String | - | widthFix
formData | 上传时携带的表单数据| Object | - | {}
header | 上传时携带的 header 数据| Object | - | {}
sourceType | 图片源类型 'album' : 相册 , 'camera' : 摄像头| Array | - | ['album', 'camera']
borderRadius | 组件圆角尺寸 | String | - | 0rpx