springmvc+ajax+formdata如何实现上传图片

这篇文章主要介绍springmvc+ajax+formdata如何实现上传图片，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

成都一家集口碑和实力的网站建设服务商，拥有专业的企业建站团队和靠谱的建站技术，10年企业及个人网站建设经验 ,为成都上千余家客户提供网页设计制作,网站开发,企业网站制作建设等服务,包括成都营销型网站建设，成都品牌网站建设，同时也为不同行业的客户提供网站设计制作、网站设计的服务,包括成都电商型网站制作建设,装修行业网站制作建设，传统机械行业网站建设,传统农业行业网站制作建设。在成都做网站,选网站制作建设服务商就选创新互联建站。

1、springmvc项目想要上传文件，需要使用multipart方式，所以在spring-mvc.xml配置文件中需要增加multipart相关配置，代码如下

2、jsp代码

需要注意的是，form 的 enctype 值必须为 multipart/form-data，这样才能在提交表单的时候传递文件数据。

如果要一次选择多个文件，可以在file表单添加"multiple",这样在选择文件时可以一次选择多个文件。

3、js代码

function morePicUpload(){
  var formData = new FormData(document.getElementById("fileForm"));
  alert(0);
  $.ajax({
    url : basePath+"morePicUpload",
    type : "post",
    data :formData,
    async : false,
    cache : false,　　　　　dataType : "json",
    contentType : false,
    processData : false,
    success : function(data){
      //code
    }
  });
}

先创建formData，用来存放表单中的内容，"fileForm"为jsp页面中form的id。

4、最后的是controller，代码如下

@RequestMapping("/morePicUpload")
  @ResponseBody
  public ResultTo morePicUpload(HttpServletRequest request){    
    ResultTo resultTo = new ResultTo();
    resultTo.setData("");    
    MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
        
    String id = multipartRequest.getParameter("id");
    String name = multipartRequest.getParameter("name");
    System.out.println(id);
    System.out.println(name);    
    List filelist = multipartRequest.getFiles("pic");
    for(MultipartFile file:filelist){
      if(!file.isEmpty()){
        System.out.println(file.getOriginalFilename());
      }
    }
    return resultTo;
  }

使用"MultipartHttpServletRequest"可以获取form表单中的所有空间内容，文件可以通过"List filelist = multipartRequest.getFiles("pic");"方式获取，然后进行文件的上传等操作就行了。

以上是“springmvc+ajax+formdata如何实现上传图片”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

本文标题：springmvc+ajax+formdata如何实现上传图片
URL分享：http://bzwzjz.com/article/iicoei.html