zmCanvasCrop
canvas实现前端完全剪裁图片并上传base64码
优势
传统图片上传剪裁: 前端需要把图片先上传到后端 -> 后端成功获取后、反馈 -> 前端开始裁剪,裁剪后获取的坐标、宽高等参数传入后端 -> 后端拿到数据进行裁剪 -> 返回成功数据给前端
当前方式: 前端把图片载入到canvas画布,前端页面进行裁剪,裁剪的区域转化为base64编码 -> 传给后端、后端根据base64生成图片、保存
- 可以减少前后端交互次数
- 功能耦合性小
- 减少交互次数之后,速度更快
- 可维护性强