图片上传及预览日志

jsp：
封面图
200*200px
100kb以下

//进行判断，如果是编辑就显示原来的图片，如果是新建，就不现实图片

图片上传及预览
文章图片

preview2" style="display:none; " path="img" name="img">

js:如果点击上传，div就显示图片

图片上传：
jsp：

名称

主办方

地点

开始时间

结束时间

描述

封面图
200*200px
100kb以下

img" name="img">
图片上传及预览

文章图片

controller:
@RequestMapping(value = "https://www.it610.com/article/saveZhibo")
public String saveZhibo(@RequestParam("preview") MultipartFile picfile,Activity activity, Model model, RedirectAttributes redirectAttributes,HttpServletRequest request,HttpServletResponse response) {

String token = CookieUtils.getCookie(request, "token");
if(StringUtils.isEmpty(token)){
return "modules/live/admin/login";
}else{
User user = userDao.findByLoginName(TokenMd5Utils.getUserNameByToken(token));
if(user != null){
request.setAttribute("user", user);
Long activityId = RequestUtil.getLong(request, "activityId");
activity.setUserId(user.getId());
activity.setCreateTime(new Date());
if(picfile != null && picfile.getOriginalFilename().length()>4){
System.out.println("filename不为空");
String picFilePath = WechatUtils.getLiveResourceSavePath(request)+File.separator;
FileUtils.createDirectory(picFilePath);
String sname = picfile.getOriginalFilename();
String fileType = sname.substring(sname.lastIndexOf("."));
String fname= "picture_"+user.getId()+"_"+System.currentTimeMillis()+fileType;
File file = new File(picFilePath+fname);

try {
picfile.transferTo(file);
String basePath= request.getScheme()+"://"+request.getServerName()+request.getContextPath();
System.out.println("basePath:"+basePath);
String url = basePath+"/userfiles/mediaPicture/"+file.getName();
activity.setImg(file.getName());
/*MaterialPicture picture = new MaterialPicture();
picture.setUserId(member.getUserId());
picture.setName(file.getName());
picture.setTitle(title);
picture.setQuoteUrl(url);
picture.setDepositUrl(picFilePath+file.getName());
picture.setMemberId(member.getId());
picture.setMemberName(member.getName());
picture.setMemberMobile(member.getMobile());
materialPictureService.save(picture); */

request.setAttribute("result", "true");
request.setAttribute("msg", "上传图片素材成功");
} catch (Exception e) {
e.printStackTrace();
request.setAttribute("result", "false");
request.setAttribute("msg", "上传图片素材失败");
}
}else{
if(activityId!= null && activityId>0){
Activity activity2 = activityService.get(activityId);
activity.setImg(activity2.getImg());
}
System.out.println("filename为空");

request.setAttribute("result", "false");
request.setAttribute("msg", "文件为空！");
}
if(activityId!= null && activityId>0){
Activity activity2 = activityService.get(activityId);
activity.setCreateTime(activity2.getCreateTime());
activity.setCanyu(activity2.getCanyu());
activity.setFabulous(activity2.getFabulous());
activity.setOnline(activity2.getOnline());
}
activity.setCanyu(0L);
activity.setFabulous(0L);
activity.setOnline(0L);
System.out.println("activityId-----------"+activityId);
activityService.save(activity);
request.setAttribute("activity", activity);
return "redirect:"+Global.FRONT_PATH+"/live/front/jumpIndex";
}else{
CookieUtils.setCookie(response, "token", "");
return "modules/live/admin/login";
}
}
}

//设置上传路径
/**
* 图文直播上传封面图
* @param request
* @return
*/
public static String getLiveResourceSavePath(HttpServletRequest request){
String rootpath = request.getRealPath("/userfiles");
return rootpath +File.separator + "live/img";
}

【图片上传及预览】