springmvc+ajax+formdata上传图片代码实例

 更新时间:2019年09月02日 14:58:30   作者:厌世阎罗  
这篇文章主要介绍了springmvc+ajax+formdata上传图片代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

最近工作涉及到了上传图片的情况,在网上看了很多,就着重学习了下。上传文件的方式有多种,这里对使用FormData的方式进行说明。

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

<bean id="multipartResolver"
    class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
    <!-- one of the properties available; the maximum file size in bytes -->
    <property name="maxUploadSize" value="50000000"/>
  </bean>

2、jsp代码

<form action="picUpload" method="post" enctype="multipart/form-data" id="fileForm">
  <input type="file" id="pic" name="pic" multiple><br><br>  
  <input type="text" id="id" name="id"><br><br>
  <input type="text" id="name" name="name"><br><br>
  <input type="button" value="上传" onclick="morePicUpload()"> </form>

需要注意的是,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<MultipartFile> filelist = multipartRequest.getFiles("pic");
    for(MultipartFile file:filelist){
      if(!file.isEmpty()){
        System.out.println(file.getOriginalFilename());
      }
    }
    return resultTo;
  }

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • HashMap链表与红黑树转换详解

    HashMap链表与红黑树转换详解

    这篇文章主要介绍了HashMap链表与红黑树转换详解,HashMap是Java中的一种数据结构,它实现了Map接口,提供了键值对的存储和检索功能,它基于哈希表的原理,通过将键映射到哈希表中的位置来存储和获取值,从而实现了快速的查找和插入操作,需要的朋友可以参考下
    2023-11-11
  • Spring事务的传播行为解析

    Spring事务的传播行为解析

    这篇文章主要介绍了Spring事务的传播行为解析,事务传播行为(propagation behavior)指的就是当一个事务方法被另一个事务方法调用时,这个事务方法应该如何运行,需要的朋友可以参考下
    2023-10-10
  • Java 8中HashMap的底层原理解析

    Java 8中HashMap的底层原理解析

    HashMap作为Java中常用的数据结构之一,在JDK 1.8中经过了一系列的优化和改进,深入理解其底层原理,包括哈希算法、数组与链表结构、红黑树的引入等,有助于更好地使用和理解HashMap的性能特性,这篇文章主要介绍了Java 8中HashMap的底层原理,需要的朋友可以参考下
    2023-11-11
  • java8到java15的新功能简介

    java8到java15的新功能简介

    这篇文章主要介绍了java8到java15的新功能的相关资料,帮助大家更好的理解和学习Java,感兴趣的朋友可以了解下
    2020-12-12
  • Gradle环境下导出Swagger为PDF的步骤详解

    Gradle环境下导出Swagger为PDF的步骤详解

    这篇文章主要介绍了Gradle环境下导出Swagger为PDF的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-06-06
  • 史上最难的一道Java面试题

    史上最难的一道Java面试题

    本文给大家分享一道史上最难的一道Java面试题,非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2018-03-03
  • Java抽象定义以及举例代码

    Java抽象定义以及举例代码

    这篇文章主要给大家介绍了关于Java抽象定义以及举例的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-04-04
  • Mybatis返回map集合时,列的顺序与select不一致问题

    Mybatis返回map集合时,列的顺序与select不一致问题

    这篇文章主要介绍了Mybatis返回map集合时,列的顺序与select不一致问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-01-01
  • java实现识别二维码图片功能

    java实现识别二维码图片功能

    这篇文章主要为大家详细介绍了java实现识别二维码图片功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • java为什么会出现精度丢失这种现象你知道吗

    java为什么会出现精度丢失这种现象你知道吗

    这篇文章主要介绍了Java精度丢失的问题,帮助大家更好的理解和使用Java,感兴趣的朋友可以了解下,希望能够给你带来帮助
    2021-08-08

最新评论