更新记录
1.0.2(2021-10-19)
更新
1.0.1(2021-10-19)
更新文档
1.0.0(2021-10-19)
发布
查看更多
平台兼容性
HbuilderX/cli最低兼容版本 |
3.1.0 |
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
m-upload-images
1.0.0(2021-10-11)
-
图片上传及显示组件(多图片或者单图片)
<template>
<view class="gui-padding">
<m-upload-images v-model="list" :uploadServerUrl="uploadServerUrl" :maxFileNumber="6"
:fileName="fileName" :header="{'x-access-key':token}"></m-upload-images>
</view>
</template>
<script>
export default {
data() {
return {
uploadServerUrl: '',
token: '',
fileName: 'file',
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
imgMode | 图片 mode 属性 | String | - | widthFix
formData | 上传时携带的表单数据| Object | - | {}
header | 上传时携带的 header 数据| Object | - | {}
sourceType | 图片源类型 'album' : 相册 , 'camera' : 摄像头| Array | - | ['album', 'camera']
borderRadius | 组件圆角尺寸 | String | - | 0rpx
showClearAllImgs | 是否展示清除按钮 | Boolean | - | true
showCount | 是否展示计数器 | Boolean | - | true