uniapp 微信小程序使用we-cropper实现图片裁剪

一、背景

在开发微信小程序时，经常需要实现用户上传图像并进行裁剪操作的功能。为了实现这一需求，使用了uniapp作为开发框架，并结合了we-cropper这一图像裁剪插件来实现图片裁剪的功能。

源码地址：https://github.com/we-plugin/we-cropper/

二、具体操作

2.1、在index.vue 页面点击头像上传获取临时路径 ，并跳转至cropper组件

2.2、cropper组件进行图片裁剪操作

2.3、在cropper组件中需要引入we-cropper第三方插件，有两种引入方式

 源码地址：https://github.com/we-plugin/we-cropper/

方式1：npm引入，然后在cropper组件中直接 import WeCropper from 'we-cropper';

方式2：在源码中找到dist文件夹下的we-cropper.js文件，创建utils文件夹，将we-cropper.js文件放入，cropper组件直接引入utils下的

2.4、效果呈现