前端:使用formData
var formData = new FormData();
formData.append('headPic',$("#filed")[0].files[0]);
$.ajax({
url: 'xxxxxx',
type: 'POST',
cache: false,
data: formData,
processData: false,
contentType: false,
success : function(data){
console.log(data);
alert("上傳成功");
},
error : function(){
alert("上傳失敗,請檢查網絡");
}
});
後端:
消費者
/**
* 修改用戶頭像
*
* @param headPic 用戶頭像
* @return
*/
@PostMapping(value = "alterUserHeadImgAction", headers = {"content-type=multipart/form-data"})
public JSONObject alterUserHeadImg(@RequestParam("headPic") MultipartFile headPic) {
responseBean = new JSONObject();
try {
//修改頭像
CustomUsers loginedUser = usersService.alterUserHeadImgService(userId,
//因爲MultipartFile對象未序列化,所以我們就轉換爲字節數組再傳
headPic.getBytes(),headPic.getOriginalFilename());
} catch (Exception e) {
//處理錯誤信息
e.printStackTrace();
}
return responseBean;
}
提供者
/**
* 修改用戶頭像
*
* @param userId 用戶id
* @param bytes 上傳文件流
* @param fileName 上傳文件名
* @return 修改後的用戶對象
* @throws Exception 拋出異常
*/
@Override
public CustomUsers alterUserHeadImgService(Integer userId, byte[] bytes,String fileName) throws Exception {
//限制只能是png,jpg,jpeg
String suffix = fileName.substring(fileName.lastIndexOf("."));
if(!".jpg".equalsIgnoreCase(suffix) && !".png".equalsIgnoreCase(suffix) && !".jpeg".equalsIgnoreCase(suffix)) {
throw new FileUnknowException("上傳圖片格式錯誤,只能是png,jpg,jpeg格式的文件");
}
//生成UUID,使文件名不會重複
String uuid = UUID.randomUUID().toString();
uuid = uuid.replaceAll("-", "");
try {
//上傳
//文件名
String newFileName = uuid + suffix;
//存入磁盤的路徑
String diskPath = "路徑" + newFileName;
FileOutputStream fileOutputStream = new FileOutputStream(new File(diskPath));
//寫入磁盤
fileOutputStream.write(bytes);
//修改數據庫頭像路徑
usersMapper.updateUserHead(userId,diskPath);
//查看修改後的用戶新信息
List<CustomUsers> users = usersMapper.selectById(userId);
if(users == null || users.size() != 1) {
throw new UserUnknowException("賬號有誤,請重試");
}
return users.get(0);
} catch (Exception e) {
e.printStackTrace();
}
return null;
}