SpringMVC上传图片代码实例

这篇文章主要介绍了SpringMVC上传图片代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

1、前端H5

    
      
 
   
     
修改头像
     
     
  
    
      
  上传头像图片
      
    
    
 （仅限上传单张10M以下png、jpg图片）
 
    
  
  

  
    
      
 
  
     
   
 
      
    

2、JS

$("#btn_upload").click(function(){
 $("#InputFile").trigger("click");
 openUploads("InputFile");
      });
      function openUploads(id){
 $("#"+id).unbind().change(function(){
   var formdata = new FormData();
   formdata.append('file',$("#"+id)[0].files[0]); //获取图片信息
   //console.log($("#"+id)[0].files[0]);
   $.ajax({
     type: 'POST',
     url: "http://localhost:8078/lifeTrackDB/UploadUserAvatars",
     data:formdata,
     cache:false,
     dataType: 'json',
     processdata:false,
     contentType:false,
     success : function (result)
     {
console.log(result);
if (result.status)
{
  //$('#'+id).attr('src','images/UserAvatars/'+result.message);
  alert(result.message);
}
else
{
  $.alert(result.message,'');
}
     }
   });
 });
      }

3、JAVA后台

@RequestMapping(value="/UploadUserAvatars")
@ResponseBody
public void UploadUserAvatars(HttpServletRequest request,HttpServletResponse response,
@RequestParam(value = "file") List files) throws Exception{
     
    String path=System.getProperty("user.dir");
    
  if (null != files || 0 != files.size()) { 
    for(MultipartFile file:files) {
      //System.err.println("文件名：" + file.getOriginalFilename() + "---contentType：" + file.getContentType()); 
      file.transferTo(new File(path+"/UserAvatars/"+file.getOriginalFilename()));
      response.getWriter().write("{"status": true, "code": "200","message":"上传成功"}");
    }
    }else {
      //response.getWriter().write("handleCallback({"status": false, "code": "200","message":"上传失败"})");
      response.getWriter().write("{"status": false, "code": "200","message":"上传失败"}");
    }    
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。