更新记录

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