更新记录

1.0.2(2021-10-19)

更新

1.0.1(2021-10-19)

更新文档

1.0.0(2021-10-19)

发布

查看更多

平台兼容性

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

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问