效果图
大部分都贼难用,而且全是bug。。并且很少有 vue3的,全是 vue2。。
本博客实现了在 vue3.js 项目中,实现图像上传后并按一定的比例进行裁剪的示例功能源码,支持各种参数、样式修改,
示例有 Element Plus + Vue3.js 版本,也有纯 Vue3.js 版本(无 UI 框架搭配),按照需求选择。
组件库无所谓,核心裁剪组件才是关键。
第一步
vue-cropper的引入。<
vue3 - 超详细头像裁剪并上传到服务器 支持按照自定义比例裁切图片效果组件插件(详细示例源码教程 一键复制运行开箱即用)