uniapp [全端兼容] - 详细实现图片上传前裁剪功能，手机拍照或相册选取进行图像裁剪裁切效果，用户上传图像后进行裁剪保存并上传后端服务器，最好用的图片裁剪插件组件，可自定义裁剪范围和双指缩放等！

前言

如果您需要头像上传裁剪，请访问 这篇文章。

在 uni-app 全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）项目开发中，详解完成图片裁剪功能效果，用户手机拍照上传后进行裁剪并展示，可从手机相册选取照片进行裁剪并上传到服务器，将图像裁剪后上传后端插件组件详细教程，支持自定义修改 “裁剪框大小尺寸” 各种形状、裁剪后输出各种格式轻松对接后端、图片旋转翻转、双指放大缩小、双指动态改变裁切框大小等常见功能。

uniapp（v2 | v3）版本项目均可使用，跟着教程复制代码运行稍加改造即可。

如下图所示（有点模糊），上传图片交互由平台而定（例如App端就是调用系统相册或相机），全场景强大通用。

详细示例代码及注释，保证新手100%完美使用。

组件源码

文件位置无所谓，最后确保正确引入即可。