当前位置: 首页 > Web前端 > HTML5

04.spring和easyui实现头像上传

时间:2023-04-05 19:52:27 HTML5

/***这里保存或更新的方法主要是格式化保存和修改函数参数的问题,直接新建一个class来规范success和msg*注:这里是上传头像的处理:*1.获取上传文件的路径,判断文件夹是否存在。如果不存在,直接创建一个*2.获取传入对象employee的id和fileImage的文件名*修改:3.如果id不为空,文件名不为空String,说明是正在修改*3.1。然后根据id获取对象的头像名称,结合父路径判断是否存在,直接删除*3.2.然后调用文件上传工具类上传*添加:4.如果id为空,文件名部分为空字符串,说明正在添加用户。此时直接调用上传工具类进行上传,并将新的文件名设置到新建的对象中*@paramemployee*@return*/publicAjaxResultsaveOrUpdate(Employeeemployee,MultipartFilefileImage,HttpServletRequestreq){try{//动态获取上传文件的路径StringparentPath=req.getServletContext().getRealPath("/upload");//根据文件路径获取文件夹File文件=newFile(parentPath);//如果这个文件夹不存在,直接创建一个文件夹if(!file.exists()){file.mkdir();}//获取传入的对象id,id为null说明添加,不为null说明修改Longid=employee.getId();//获取文件名,如果是文件name为null表示没有上传文件,不为null表示上传文件Stringfilename=fileImage.getOriginalFilename();//id不等于null表示正在修改,filename不等于空表示用户上传if(id!=null&&filename!=""){//这里是获取原件当前对象的头像名称StringsourceImage=employeeService.findById(employee.getId()).getHeadImage();//这里是截取的头像名称和父路径的拼接,然后deleteFilefile1=newFile(parentPath,sourceImage.split("/")[2]);//id不为null,传入的文件名不为null,确定是被修改了,就执行修改操作//如果文件存在,直接删除,因为是修改,还有一个传入新头像if(file1!=null){file1.delete();}//文件名不上传,调用上传文件工具类上传StringuploadName=FileUpLoad.upload(parentPath,fileImage);//然后给对象设置文件名,然后保存employee.setHeadImage("/upload"+"/"+uploadName);}//这意味着正在添加新用户,所以没有id,但是上传了文件if(id==null&&filename!=""){//文件名不上传,调用上传文件工具类上传StringuploadName=FileUpLoad.upload(parentPath,fileImage);//然后给对象设置文件名,然后保存employee.setHeadImage("/upload"+"/"+uploadName);}//直接保存对象employeeService.save(employee);返回新的AjaxResult();}catch(Exceptione){e.printStackTrace();returnnewAjaxResult(false,"操作失败"+e.getMessage());}}jspartsave:function(){//获取form标签下id为ff且值为name=id的input标签varid=$("#ffinput[name='id']").val();//默认url地址为savevarurl="/employee/save";控制台日志(1);if(id){//如果这个标签有值,说明修改完成,url地址会不一样url="/employee/update";}console.log(url);控制台日志(id);控制台日志(2);ff.form("提交",{type:'post',url:url,onsubmit:function(){console.log(ff.form("validate"));返回ff.form("验证");},成功:函数(r){console.log(r);如果(r){dlg.dialog("关闭");dg.datagrid("加载");}else{$.messager.alert("Error","保存失败","error");}}})}html部分头像: