一、技术概述
(1)这个技术是做什么
这个技术是上传图片到服务器上,并且把地址存在数据库中。前端调用的时候之间通过地址即可调用。
(2)学习该技术的原因
由于用户在写日记的时候也可以进行图片的上传,同时还有用户头像的上传。
二、技术详述
以上传用户的头像为例
(1)接口代码
@RequestMapping(value = "user/profilePhoto", produces = "application/json; charset=utf-8")
@ResponseBody
public boolean imageUphold(@RequestParam("photo") MultipartFile file, Long phone) throws IOException {
String filePath = ducumentBase;// 保存图片的路径
// String filePath = "/image";//保存图片的路径
// 获取原始图片的拓展名
String originalFilename = file.getOriginalFilename();
System.out.println("originalFilename: " + originalFilename);
// 新的文件名字
String newFileName = UUID.randomUUID() + originalFilename;
// 封装上传文件位置的全路径
filePath += "/" + phone;
System.out.println("filePath: " + filePath);
File targetFile = new File(filePath, newFileName);
if (!targetFile.exists()) {
targetFile.mkdirs();
}
// 把本地文件上传到封装上传文件位置的全路径
System.out.println("newFileName: " + newFileName);
System.out.println("targetFile: " + targetFile.getName());
System.out.println("phone: " + phone);
//System.out.println("afterPhone");
try {
file.transferTo(targetFile);
} catch (IllegalStateException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
String allPath=mappingPath + "/" + phone+ "/" + newFileName;
System.out.println("存储路径为"+allPath);
boolean result=onedayServiceImpl.updProfilePhoto(allPath, phone);//存在数据库中,其中allPath的数据库类型为varchar(1000)
return result;
}
其中的ducumentBase以及mappingPath
@Value("${ducument.base}")
private String ducumentBase;
@Value("${mapping.path}")
private String mappingPath;
为全局变量
配置文件
ducument.base = D://oneday_uphold
mapping.path = /images
(2)解释
用MultipartFile来接收图片的二进制码,然后使用路径+图片名+随机数保存图片。
(3)测试jsp
pageEncoding="UTF-8"%>
image/uphold图片:
电话: