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

演示视频

1.工具类

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

1
2
3
4
5
<dependency>
<groupId>cn.hutool</groupId>
<artifactId>hutool-all</artifactId>
<version>5.2.3</version>
</dependency>

2.总体思路

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

3.代码

在这里插入图片描述

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

3.获取代码

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

 wechat
欢迎您扫一扫上面的微信公众号,订阅我的个人公众号!
坚持技术分享!