Springboot实现文件（头像）上传
Springboot实现文件的上传
首先需要添加 MultipartFile 这个类，这个类中提供了大量的关于上次文件的操作，其中执行上次的transferTo方法执行保存的方法。其中有：
/** * MultipartFile相关API * String getOriginalFileName(); 获取上传文件的原始文件名。 * boolean isEmpty(); 判断上传文件是否为空，当没有选择上传的文件或者上传的文件字节数位0的空文件时，返回true * long getSize(); 获取文件的大小，以字节为单位 * String getContentType(); 根据上传的文件拓展名决定该文件的MIME类型，如：.jpg,将返回image/jpeg * InputStream getInputStream();获取读取上传文件的输入字节流，通常用于自定义读取所上传文件的过程，该方法与transferTo()方法不可同时使用。 * void transferTo(File dest); 保存上传文件，该方法不能与getInputStream()同用。 */
注意：
springboot强制要求，用户上传的文件大小为1M. 由于springboot有内置的服务器，所以上传的文件应该是在wtpwebapps文件下是可以找到的！当再次跑动项目后应该是不存了；为了保存下用户每次上次的数据，那么，我们就需要在服务端指定一个用户上传到服务的文件的存放位置（就是个文件夹），而这个文件的创建是在webapp下完成的。所以确定文件是否上传成功，就可以在webapp文件夹下指定的文件夹里找（我指定的文件夹是upload），还有一种方式就是通过数据库查询指定字段来确定是否上传成功。
--- 此项目没有对上传的文件类型和大小做任何的限制。需要做限制操作可以转看我撰写的：SpringMVC实现文件上传文章。
==============大致实现代码如下===============
Controller层的文件上传实现代码：
@RequestMapping("update_avatar")
public JsonResult<String> uploadAvatar(@RequestParam(value = "file")MultipartFile file,
HttpServletRequest request) throws IllegalStateException, IOException{
//1.确定保存的文件夹
String dirPath = request.getServletContext().getRealPath("upload");//会在webapp下面创建此文件夹
System.out.println("dirPath="+dirPath);
File dir = new File(dirPath);
if(!dir.exists()) {
dir.mkdirs();
}
//2.确定保存的文件名
String orginalFilename = file.getOriginalFilename();
int beginIndex = orginalFilename.lastIndexOf(".");
String suffix ="";
if(beginIndex!=-1) {
suffix = orginalFilename.substring(beginIndex);
}
String filename =UUID.randomUUID().toString()+suffix;
//创建文件对象，表示要保存的头像文件,第一个参数表示存储的文件夹，第二个参数表示存储的文件
File dest = new File(dir,filename);
//执行保存
file.transferTo(dest);
//更新数据表
String avatar = "/upload/"+filename;
Integer uid = Integer.valueOf(request.getSession().getAttribute("uid").toString());
// 通过uid找到用户
User results = userService.getByUid(uid);
userService.changeAvatar(results.getUid(), avatar);
JsonResult<String> jr = new JsonResult<>();
jr.setState(OK);
jr.setData(avatar);
return jr;
}
Service层实现代码：
/** * 更新用户头像 * @param uid 用户id * @param avatar 用户头像 * @throws UpdateException 更新时发生异常 * @throws UserNotFoundException 用户找不到异常 */ @Override public void changeAvatar(Integer uid, String avatar) {
//通过uid查询此用户是否存在 User results = userMapper.findByUid(uid); if(results == null ){ throw new UserNotFoundException("头像更新失败！没有找到该用户。"); } if( results.getIsDelete().equals(1)){ throw new UserNotFoundException("头像更新失败！没有找到该用户。"); } String modifiedUser = results.getUsername(); Date modifiedTime = new Date(); Integer rows = userMapper.modifiedAvatarById(uid, avatar, modifiedUser, modifiedTime); if(rows != 1) { throw new UpdateException("头像更新失败！更新时发送未知错误。"); } }
Dao层的接口Java代码：
/** * 修改头像 * @param uid 用户id * @param avatar 用户头像 * @param modifiedUser 修改头像的用户 * @param modifiedTime 修改头像的时间 * @return 受影响的行数 */ Integer modifiedAvatarById( @Param("uid")Integer uid, @Param("avatar")String avatar, @Param("modifiedUser")String modifiedUser, @Param("modifiedTime")Date modifiedTime);
Mapper映射的sql语句：
<update id="modifiedAvatarById"> update t_user set avatar =#{avatar},modified_user =#{modifiedUser},modified_time =#{modifiedTime} where uid = #{uid} </update>
前端htnl页面部分代码：
<!--上传头像表单开始--> <form id="form-upload" class="form-horizontal" role="form"> <div class="form-group"> <label class="col-md-2 control-label">选择头像:</label> <div class="col-md-1"> <img src="../images/index/user.jpg" class="img-responsive" /> </div> <div class="clearfix"></div> <div class="col-md-offset-2 col-md-4"> <input name="file" type="file"> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <input id="form-btn" type="button" class="btn btn-primary" value="上传" /> </div> </div> </form>
Ajax部分的代码：
<script type="text/javascript"> $("#form-btn").click(function() { $.ajax({ "url":"/users/update_avatar", "data":new FormData($("#form-upload")[0]), "processData":false, "contentType":false, "type":"POST", "dataType":"json", "success":function(json) { if (json.state == 100) { alert("修改成功！"); //$("#img-avatar").attr("src", json.data); } else { alert("修改失败！" + json.message + "！"); } }, "error":function(xhr) { alert("您的登录信息已经过期，请重新登录！\n\nHTTP响应码：" + xhr.status); // location.href = "login.html"; } }); }); </script>
