【微信小程序】选择图片并裁剪图片 前端裁剪上传

微信小程序裁剪组件，支持前端裁剪和后端裁剪两种方式

1前端裁剪：将裁剪框指定的区域，单独生成，获取裁剪的临时文件路径

2后端裁剪：获取裁剪框相对于原图的像素坐标位置，将裁剪区域坐标以及原图临时文件路径，传到后端进行裁剪

https://giteecom/gnliscream/image-cropper

使用微信小程序自定义组件开发

小程序自定义组件官网： https://developersweixinqqcom/miniprogram/dev/framework/custom-component/wxml-wxsshtml

添加image-cropper标签，如下

可以在image-cropper标签内添加 *** 作按钮，如下

首先需要在onLoad方法中，设置裁剪标签属性

然后添加按钮相应的绑定方法

获取到的res如下

获取到的裁剪参数的对应关系图

获取到裁剪参数后，将原图以及裁剪参数传到后台进行裁剪

2获取裁剪地址

获取到的res如下

以上就是关于【微信小程序】选择图片并裁剪图片 前端裁剪上传全部的内容，包括:【微信小程序】选择图片并裁剪图片 前端裁剪上传、、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！