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

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

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

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

https://gitee.com/gnliscream/image-cropper

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

小程序自定义组件官拍此网： https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html

添加image-cropper标签，如下

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

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

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

获取到的res如下

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

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

2.获取裁剪图片地址

获取到的res如下

在微信内剪裁。

1、在微信中打开好友聊天记录，长按要取二维码的图片。

2、在d出的半框页面中选择编辑功能。

3、在底部导航中点裁剪陆饥功能。

4、选择发给朋友、收藏、保存图片中的一项，把裁剪出来的二维码保存到手机相册或收藏转发出去即可。

小程序是一种不需要下载安装即可使用的应用，它实现了应亩液用触手可及的梦想，用户扫一扫早耐返或者搜一下即可打开应用。

1、以小米手机为例，首先在应用商店中找到“最美证件照制作”的APP，点击安装，如图所示。

2、安装完成后在手机桌面上找到该APP，点击打开该APP，如图所示。

3、进入APP首页后，点击“一寸”的功能选项，即可进行一寸照片的制作。

4、之后选择“裁剪证件照”，进行照片的上传与裁剪。如图所示。

5、进入裁剪照片的界面后，首先确认该照片是否是要裁剪的照片，确认后，点击“裁剪证件照”，进行裁剪。如图所示。

6、之后会进行照片尺寸修改的选项，找到适合自己的照片尺寸数据，点击“确认”，如图所示。

7、确认裁剪完成后，点击“保存证件照”即可在手机上保存裁剪完成的一寸照片。如图所示。

---