图片上传及预览

jsp：

封面图
200*200px
100kb以下

preview" οnchange="preview2(this)" />

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

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

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

图片上传：

jsp：

<form:form modelAttribute="activity" class="el-form demo-ruleForm el-form--label-left"  enctype="multipart/form-data"   action="${ctxFront }/live/front/saveZhibo?activityId=${activityId }" method="post" >

名称

<form:input htmlEscape="false" placeholder="名称" path="name"  name="name" type="text" rows="2"  value="" class="el-input__inner" />

主办方

<form:input htmlEscape="false" placeholder="主办方" type="text" rows="2" name="sponsor" path="sponsor"  class="el-input__inner" />

地点

<form:input htmlEscape="false" placeholder="地点" type="text" rows="2" path="address" name="address"  class="el-input__inner" />

开始时间

<form:input htmlEscape="false" placeholder="开始时间" type="text" rows="2" id="beginTime" path="beginTime" name="beginTime" value="${fn:substring(activity.beginTime, 0, 19)}" class="el-input__inner" />

结束时间

 placeholder="结束时间" type="text" rows="2" path="endTime" name="endTime" id="endTime" value="${fn:substring(activity.endTime, 0, 19)}" class="el-input__inner" />

描述

<form:textarea placeholder="请输入描述..."  rows="3" path="marks" name="marks" htmlEscape="false" class="el-textarea__inner">

封面图
200*200px
100kb以下

img" name="img">

 

保存设置

controller:

@RequestMapping(value = "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";
}