微信小程序 上传图片/裁剪图片

介绍

小程序上传图片组件 小程序上传裁剪图片组件

功能

1. 裁剪图片 cropperMultiple

• 可以依次裁剪多张
• 可以锁定裁剪类型

2. 实现拖拽更改图片顺序 uploader

• 可以不裁剪

uploader - 参数

参数	类型	默认	必传	说明
maxLength	Number	5	false	图片最大上传数目
crop	Boolean	true	false	是否要裁剪
key	String	'images'	false	使用组件的页面的data-key
upUrl	String		true	上传文件地址
imgCropType	Array	2->方图	false	裁剪类型
lockCropType	Boolean	true	false	是否让图片裁剪比例一致

cropper - 参数

参数	类型	默认	必传	说明
src	Array	[]	true	选择图片的paths
key	String	'images'	false	上一页面的data-key
upUrl	String		true	上传文件地址
imgCropType	Array -> 接收到的是Array.join(',')	2->方图	false	裁剪类型
lockCropType	String	'lock'	false	是否让图片裁剪比例一致，值为 'lock'即为锁定, 使用beforePage的curCropType进行通信(beforePage.data.curCropType不要自己定义)

说明

1. uploader由x-drag组件封装更改
2. cropperMultiple使用wx-cropper.js