springboot入门项目-上传头像

1. 持久层

1. mapper接口

//根据uid修改用户头像Integer updateAvatarByUid(Integer uid, String modifiedUser, Date modifiedTime);

2. sql映射语句

  <update id="updateAvatarByUid">UPDATE t_user SET avatar = #{avatar}, modified_user = #{modifiedUser}, modified_time = #{modifiedTime} WHERE uid = #{uid}</update>

3. 测试

    @Testpublic void updateAvatarByUid() {userMapper.updateAvatarByUid(10, "/images/avatar/问号.png", "administrator", new Date());}

运行后查看数据库表：

2. 业务层

1. 规划异常

用户数据不存在
更新头像时出现未知的异常

2. 编写service接口

 /***修改用户的头像* @param uid 用户id* @param avatar 用户头像* @param modifiedBy 修改者*/void changeAvatar(Integer uid,String avatar, String modifiedBy);

3. 编写service实现类方法

@Overridepublic void changeAvatar(Integer uid, String avatar, String modifiedBy) {User result = userMapper.findByUid(uid);if(result == null) {throw new UserNotFoundException();}Integer rows = userMapper.updateAvatarByUid(uid, avatar, modifiedBy, new Date());if(rows != 1) {throw new UpdateException("修改用户头像时时产生了异常");}}

4. 测试

    @Testpublic void changeAvatar() {userService.changeAvatar(10, "/images/testAvatar.png", "luck");String avatar = userService.getByUid(10).getAvatar();System.out.println(avatar);}

结果：

3. 控制层

1. 异常处理

所有异常都处理为FileUploadException

2. 处理请求

//限制文件类型public static final ArrayList<String> AVATAR_TYPE = new ArrayList<>();static {AVATAR_TYPE.add("image/jpeg");AVATAR_TYPE.add("image/png");AVATAR_TYPE.add("image/bmp");AVATAR_TYPE.add("image/gif");}/**** @param session* @param file* @return*/@RequestMapping("/change_avatar")public JsonResult<String> changeAvatar(HttpSession session,@RequestParam("file") MultipartFile file) {if(file.isEmpty()) {throw new FileUploadException("文件为空");}String contentType = file.getContentType();if(!AVATAR_TYPE.contains(contentType)) {throw new FileUploadException("文件类型不支持");}//String realPath = session.getServletContext().getRealPath("/upload");File dir = new File(realPath);if(!dir.exists()) {dir.mkdirs();//创建当前目录}
//        获取文件名称String originalFilename = file.getOriginalFilename();//获取文件名后缀String suffix = originalFilename.substring(originalFilename.lastIndexOf("."));
//        使用UUID随机生成一个新的文件名称前缀，拼接文件名称String filename = UUID.randomUUID().toString().toUpperCase() + suffix;//在指定位置创建一个空文件File destFile = new File(dir, filename);try {file.transferTo(destFile);//将file文件中的数据写入到destFile中} catch (IOException e) {throw new FileUploadException("文件读写异常");}//返回头像路径/upload/test.pngString avatar = "/upload/" + filename;userService.changeAvatar(getUidFromSession(session),avatar,getUsernameFromSession(session));return new JsonResult<>(OK, avatar);}

另外在配置文件中指定文件大小：
默认为1MB

spring.servlet.multipart.max-file-size=2MB

4. 前端

发送请求部分：

<script type="text/javascript">$(document).ready(function () {console.log("cookie中的avatar=" + $.cookie("avatar"));$("#img-avatar").attr("src", $.cookie("avatar"));});$("#btn-change-avatar").click(function() {$.ajax({url: "/users/change_avatar",type: "POST",data: new FormData($("#form-change-avatar")[0]),dataType: "JSON",processData: false, // processData处理数据contentType: false, // contentType发送数据的格式success: function(json) {if (json.state == 200) {$("#img-avatar").attr("src", json.data);$.cookie("avatar", json.data, {expires: 7});} else {alert("修改失败！" + json.message);}},error: function(xhr) {alert("您的登录信息已经过期，请重新登录！HTTP响应码：" + xhr.status);location.href = "login.html";}});});</script>

5. 测试

选择文件上传：

springboot入门项目-上传头像相关推荐

springboot项目上传头像回显
springboot项目使用ajax上传头像回显先上效果图: 开始上传点击提交环境: springboot2.2.5.RELEASE jdk:1.8 thymeleaf:3.0.4.RELEAS ...
springboot+vue实现上传头像文件到阿里云对象存储oss
在阿里云oss上创建一个bucket,获取四个信息: 编写工具类,提供对外调用四个信息的方法: //当项目一启动,就执行接口的方法,读取配置文件内容 @Component public class C ...
spring boot项目-上传头像
1.mapper接口文件 Integer updateAvatarByUid(@Param("uid") Integer uid,//用户ID@Param("avatar ...
springboot怎么写上传头像接口？
最近项目中员工遇到一个问题,我把思路这里写了一下,方便以后参考: 问题描述:我想写一个关于个人头像上传的接口,在springboot里面写,我如何去写,思路是什么? 思路:1. 头像上传肯定等价于ja ...
Springboot + elementUI实现上传用户头像
最近一直在做一个背单词的小项目练手,准备着加入个新功能,想了很多种办法,本来准备利用sm.ms图床,把用户头像上传到图床然后返回链接把链接存到数据库里,后来想了想,感觉用户的头像存在那不太好,于是还是 ...
SpringBoot 使用MultipartFile上传组件实现本地上传用户头像
GIF动图展示 SpringBoot 使用MultipartFile上传组件实现本地上传用户头像GIF效果图本章目录 GIF动图展示主要实现思路 1.使用MultipartFile需要引入的依赖 ...
SpringBoot 项目上传文件异常【java.io.IOException: Stream closed】
项目场景: 提示:这里简述项目相关背景: 项目场景:SpringBoot 项目上传文件接口异常 21 十二月 2022 13:30:53,132 36991 [http-nio-9220-exec-3 ...
在项目中使用 Discuz!NT的上传头像功能
大概半年前,由于某个网站项目需要整合Discuz!NT,就粗略的用了一下.觉得里面的会员上传头像功能方便好用,而且支持摄像头,就把它的代码分离出来,以后用在需要的地方. 用过Discuz!NT的朋友会 ...
springboot入门系列教程|第九篇：springboot实现图片上传与显示（附源码）
前言## 上一篇我们介绍了springboot如何实现自定义拦截器配合注解使用,那么这篇我们将介绍springboot实现图片上传的功能. 目录## 文章目录前言## 目录## 项目创建### 项目 ...

springboot入门项目-上传头像

1. 持久层

1. mapper接口

2. sql映射语句

3. 测试

2. 业务层

1. 规划异常

2. 编写service接口

3. 编写service实现类方法

4. 测试

3. 控制层

1. 异常处理

2. 处理请求

4. 前端

5. 测试

springboot入门项目-上传头像相关推荐

最新文章

热门文章