微信小程序图片上传裁剪实现记录
微信小程序的图片裁剪功能做得还蛮频繁吧，尤其上传头像的时候，用户体验关键。之前搞项目时，我也踩了不少坑，后来摸索出一套比较顺的做法，记录下来，说不定你也能用得上。
图片上传后的裁剪操作，建议用canvas来。微信小程序的canvas虽然一开始有点上手慢，但熟了之后还是挺好用的。比如你可以先用chooseImage选图片，再用canvas画出来、加裁剪框，用户拖动后点击确认，再生成裁剪后的图片。
如果你想更轻松一点，也可以试试这个图片裁剪上传插件，封装得还行，支持缩放和裁剪，省了不少操作逻辑。
像头像上传、照片墙这类功能，得好不好，直接影响用户留存。可以参考下这个实现移动缩放裁剪框的方案，手势交互比较丝滑，体验还不错。
另外，我还翻了些资料，像PHP 裁剪、压缩+裁剪 zip 包这些，也能看看，后端和前端对接的时候会用到。
哦对了，还有个基础裁剪实现记录也挺适合新手上手看看，比较直白，不绕弯。
如果你正在搞图片上传的功能，尤其是微信小程序，真心建议先试试canvas配合裁剪框。效果做得好，用户体验是加分项。
文件大小：2.37KB
评论区