LamboPhotosUpload 照片上传

介绍

LamboPhotosUpload 是一个照片上传组件，基于vant，支持上传照片、显示照片列表、控制上传数量、加水印等。

引入

import Vue from 'vue';
import LamboPhotosUpload from '@lambo-design-mobile/lambo-photos-upload';

Vue.use(LamboPhotosUpload);

代码演示

示例

<LamboPhotosUpload uploadUrl="/m1-center-server/oss/file/imgPut"
          getUrl="/m1-center-server/oss/file/get"  :photoList.sync="fileList"></LamboPhotosUpload>

API

Props

| 参数 | 说明 | 类型 | 默认值 | 版本 | |------|------|------|------|------| | title | 标题 | string | | - | | photoList | 照片列表 数组元素格式 {url:"",dataUrl:"", deletable: true|false（选填 默认是true）} | Array | - | | | maxCount | 上传照片数量限制 | Number | 9 | | | maxSize | 上传大小限制 | Number | 60000000 | | | capture | 直接调起摄像头 | string | camera | | | previewSize | 预览大小 | Number | 90 | | | uploadText | 上传弹窗文字 | String | | | | must | 是否必填 | Boolean | false | | | readonly | 是否只读 | Boolean | false | | | customCellClass | 自定义样式 | string | | | | deleteable | 是否可删除 | Boolean | true | | | waterName | 水印 | string | | | | showCameraType | 显示选择类型 | Boolean | false | | | uploadUrl | 上传接口 | String | | | | getUrl | 访问接口 | String | | |