写给大忙人看的Springboot图片上传回显剪裁图片

演示视频

Springboot图片上传回显，接着剪裁图片

1.工具类

这里剪裁图片的工具类使用的是 hutool 项目中的 图片工具-ImgUtil ,Maven中引入Jar包

<dependency>
    <groupId>cn.hutool</groupId>
    <artifactId>hutool-all</artifactId>
    <version>5.2.3</version>
</dependency>

2.总体思路

图片上传然后回显，接着前台有一个图片剪裁框，当用户提交的时候，获取这个框的宽和高以及距离上边和左边的距离，接着后台剪裁图片即可。

3.代码

这里的文件上传使用了layui做前台，图片回显使用了vue，这两部分的js和css自行查阅

3.获取代码

关注公众号 理木客 后台回复：图片剪裁，既可获得完整代码。