java实现头像上传前后端

前端jsp：

form表单要加入:

enctype="multipart/form-data" method="post"

<tr><td>图片:<font>*</font>:</td><td colspan="2"><img src="<%=basePath%>candidate/printPic?pictureUrl=${candidate.image}"  width="300px" height="200px"  id="imgs"/></td><td><input class="uploadImg" type="file" name="file"></td>
</tr>

js：

$("#candidate_form  [name='file']").change(function() {var $file = $(this);var objUrl = $file[0].files[0];var windowURL = window.URL || window.webkitURL;var dataURL;dataURL = windowURL.createObjectURL(objUrl);$("#candidate_form #imgs").attr("src",dataURL);
});

后端：

新增候选人:

/*** 新增候选人* @param vo* @param response* @param request*/
@RequestMapping("/add")
@ResponseBody
@RepeatSubmitToken(removeToken = true)
@RequiresPermissions(Auths.VOTING_ACTIVITY_ADD_CANDIDATE)
public void addCandidate (@Valid final Candidate vo,HttpServletResponse response, final HttpServletRequest request) throws BizException{String result = "";if(vo.getIntroduction().length()>200){throw new BizException("简介大于200字");}try {if(vo.getFile()!=null && vo.getFile().getSize()!=0){ImportUtils it = new ImportUtils();String url = it.saveFileToRoot(vo.getFile(),image,"/candidate",1);vo.setImage(url);candidateService.addCandidate(vo);result = "success";}else{result = "候选人图片不能为空！";}} catch (Exception ex) {result = "保存失败，"+ex.getMessage();ex.printStackTrace();}Map resultMap = new HashMap();resultMap.put("result",result);ResponseUtils.renderHtml(response, JSON.toJSONString(resultMap), "encoding:utf-8");
}

打印图片

private String image = PropertyUtils.getPropertyValue("env", "upload.fileSavePath");

@RequestMapping("/printPic")
@ResponseBody
public void printPic(HttpServletRequest request,HttpServletResponse response){String pictureUrl =request.getParameter("pictureUrl");if(pictureUrl!=null && !"".equals(pictureUrl)){try {String f = image+"/candidate/"+pictureUrl;response.setContentType("image/gif");File file = new File(f);FileCopyUtils.copy(new FileInputStream(file), response.getOutputStream());} catch (Exception e) {e.printStackTrace();}}
}

java实现头像上传前后端相关推荐

Java实现头像上传
#Java实现头像上传看网课的时候视频中用到下方的路径 == String realPath = session.getServletContext().getRealPath("/upl ...
UEditor之基于Java图片上传前后端源码研究
那么开始吧! 这是我的项目目录 1.从访问路径http://localhost:8081/Test/_examples/simpleDemo.html,我们主要是要看看,富文本框被加载出来之前,会调用 ...
layUI框架中文件上传前后端交互及遇到的相关问题
下面我将讲述一下我在使用layUI框架中文件上传所遇到的问题: 前端jsp页面: <div class="layui-form-item"> <label cla ...
大文件分片上传前后端实现
最近在做公司的视频业务,涉及到大视频的上传. 之前的图片.Excel等上传做的很简单,直接表单提交后端用MultipartFile接收保存到磁盘就行了. 但是针对大文件的上传,需要做额外的处理,否则可 ...
微信小程序文件上传前后端
搭建小程序端用vant组件 <van-uploader file-list="{{ fileList }}" bind:after-read="afterRead ...
Ajax 文件上传(前后端完整代码，注意修改文件保存路径\访问路径)
一.前端代码: ① html 代码: 注意:如需要选择多个文件,进行上传,Ⅰ.multiple="multiple" 不能省 Ⅱ.选择时是 Ctrl + 你所要选择的文件,不要分多 ...
结合Bootstrap实现头像上传前预览
Html <div><div style="position: relative;border: 5px solid lightblue;width: 150px;heig ...
nodejs分片上传前后端文件处理
前端代码 <!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8& ...
ios 头像上传前的头像处理
一,图片的压缩,按照比例压缩 + (UIImage*)OriginImage:(UIImage *)image scaleToSize:(CGSize)size{// 下面方法,第一个参数表示区域大小 ...

java实现头像上传前后端

java实现头像上传前后端相关推荐

最新文章

热门文章

java实现头像上传 前后端

java实现头像上传 前后端相关推荐

最新文章

热门文章

java实现头像上传前后端

java实现头像上传前后端相关推荐