vue3 - 超详细头像裁剪并上传到服务器 支持按照自定义比例裁切图片效果组件插件（

效果图

大部分都贼难用，而且全是bug。。并且很少有 vue3的，全是 vue2。。

本博客实现了在 vue3.js 项目中，实现图像上传后并按一定的比例进行裁剪的示例功能源码，支持各种参数、样式修改，

示例有 Element Plus + Vue3.js 版本，也有纯 Vue3.js 版本（无 UI 框架搭配），按照需求选择。

组件库无所谓，核心裁剪组件才是关键。

第一步

vue-cropper的引入。<

vue3 - 超详细头像裁剪并上传到服务器 支持按照自定义比例裁切图片效果组件插件（详细示例源码教程 一键复制运行开箱即用）