spring mvc 通过bean获取form的参数和并且进行服务器验证 ，而且支持多个文件上传的用法。html使用form_data

最新推荐文章于 2023-05-19 22:30:00 发布
最新推荐文章于 2023-05-19 22:30:00 发布
阅读量1.7k 收藏
点赞数
分类专栏： JAVA Web spring
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/remote_roamer/article/details/52993957
版权

通过spring mvc 来获取html页面既有传统的表单参数，又有文件上传的组件的功能

html这段通过html5的 form_data 方法进行封装


  1.  html 代码
    <!DOCTYPE html>
<script src="../js/lib/jquery-3.1.1/jquery-3.1.1.min.js"></script>
<body>
    <form>
        <h1>File API Demo</h1>
        <label for="img_input"></label>
        <input id="file1" type="file" />
        <input id="file2" type="file" />
        <input type="button" onClick="javascript:fun_upload();" value="upload">
        </input>
    </form>
    <script>
                    function fun_upload() {
                        console.debug("file upload");
                        // 创建
                        var form_data = new FormData();
                        // 表单信息
                        form_data.append('properties', new Blob([JSON.stringify({
                            "name": "root用户名",
                            "password": "root密码"
                        })], {
                            type: "application/json"
                        }));

                        console.debug($("#file1"));
                        // 获取文件
                        form_data.append("files", $("#file1")[0].files[0]);
                        form_data.append("files", $("#file2")[0].files[0]);
                        console.debug($("#file1")[0].files[0]);
                        $.ajax({
                            type: "POST",
                            url: "/whale/ajax/upload",
                            dataType: "json",
                            processData: false,
                            contentType: false,
                            data: form_data,
                            success: function(data) {
                                console.debug(data);
                            },
                            error: function(error) {
                                console.debug("出错！");
                                console.debug(error);
                            },
                            complete: function() {
                                console.debug("完成");
                            }

                        });
                    }
                </script>
</body>
    使用form_data的方法，把form表单中要传给服务器的变量封装成一个json对象，并且命名为 properties 。服务器端的spring mvc 可以使用

    @RequestPart("properties") @Valid PropertiesBean

把他自动转换成一个java bean  - PropertiesBean

  • java bean代码
    <p class="p1"><span class="s1">package</span> com.ninelephas.whale.controller.test;</p><p class="p2">
</p><p class="p1"><span class="s1">import</span> org.hibernate.validator.constraints.NotEmpty;</p><p class="p2">
</p><p class="p3">/**</p><p class="p3">  * <span class="s2">@ClassName</span>: PropertiesBean</p><p class="p3">  * <span class="s2">@Description</span>: 测试用的Bean</p><p class="p3">  * <span class="s2">@author</span>  徐泽宇</p><p class="p3">  * <span class="s2">@date</span> 2016年10月31日 下午7:05:13</p><p class="p3">  *</p><p class="p3">  */</p><p class="p2">
</p><p class="p4"><span class="s1">public</span><span class="s3"> </span><span class="s1">class</span><span class="s3"> </span>PropertiesBean<span class="s3"> </span><span class="s4">{</span></p><p class="p5"><span class="s3">    </span>@NotEmpty<span class="s4">(</span><span class="s5">message</span><span class="s3"> = </span><span class="s6">"用户名不能为空"</span><span class="s4">)</span></p><p class="p1">    <span class="s1">private</span> <span class="s7">String</span> <span class="s8">name</span> ;</p><p class="p5"><span class="s3">    </span>@NotEmpty<span class="s4">(</span><span class="s5">message</span><span class="s3"> = </span><span class="s6">"密码不能为空"</span><span class="s4">)</span></p><p class="p6"><span class="s3">    </span><span class="s1">private</span><span class="s3"> </span><span class="s7">String</span><span class="s3"> </span>password<span class="s3">;</span></p><p class="p7">    </p><p class="p7">    </p><p class="p1">    <span class="s1">public</span> <span class="s7">String</span> getName<span class="s4">()</span> <span class="s4">{</span></p><p class="p1">        <span class="s1">return</span> <span class="s8">name</span>;</p><p class="p1">    <span class="s4">}</span></p><p class="p1">    <span class="s1">public</span> <span class="s1">void</span> setName<span class="s4">(</span><span class="s7">String</span> <span class="s9">name</span><span class="s4">)</span> <span class="s4">{</span></p><p class="p1">        <span class="s1">this</span>.<span class="s8">name</span> = <span class="s9">name</span>;</p><p class="p1">    <span class="s4">}</span></p><p class="p1">    <span class="s1">public</span> <span class="s7">String</span> getPassword<span class="s4">()</span> <span class="s4">{</span></p><p class="p1">        <span class="s1">return</span> <span class="s8">password</span>;</p><p class="p1">    <span class="s4">}</span></p><p class="p1">    <span class="s1">public</span> <span class="s1">void</span> setPassword<span class="s4">(</span><span class="s7">String</span> <span class="s9">password</span><span class="s4">)</span> <span class="s4">{</span></p><p class="p1">        <span class="s1">this</span>.<span class="s8">password</span> = <span class="s9">password</span>;</p><p class="p1">    <span class="s4">}</span></p><p class="p2">
</p><p class="p8">}</p>


  • controller代码
    /**
 * @Title: AjaxUplaodFileController.java
 * @Package com.ninelephas.whale.controller.test
 * @Description: TODO
 *               Copyright: Copyright (c) 2016
 *               Company:九象网络科技（上海）有限公司
 * 
 * @author 徐泽宇
 * @date 2016年10月31日 下午5:32:02
 * @version V1.0.0
 */

package com.ninelephas.whale.controller.test;

import javax.validation.Valid;
import javax.validation.constraints.NotNull;

import org.apache.logging.log4j.LogManager;
import org.apache.logging.log4j.Logger;
import org.hibernate.validator.constraints.NotBlank;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestPart;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile;

/**
 * @ClassName: AjaxUplaodFileController
 * @Description: 测试ajax上传文件
 * @author 徐泽宇
 * @date 2016年10月31日 下午5:32:02
 *
 */
@Controller("com.ninelephas.whale.controller.test.AjaxUplaodFileController")
@RequestMapping(value = "/ajax")
public class AjaxUplaodFileController {
    /**
     * Logger for this class
     */
    private static final Logger logger = LogManager.getLogger(AjaxUplaodFileController.class.getName());

    /**
     * uploadFile
     * 
     * @Auther 徐泽宇
     * @Date 2016年10月31日 下午5:35:37
     * @Title: uploadFile
     * @Description: 获取上传文件
     * @return
     */
    @RequestMapping(value = "/upload", method = RequestMethod.POST, consumes = {"multipart/form-data"})
    @ResponseBody
    public String uploadFile(@RequestPart("properties") @Valid PropertiesBean properties,
        @RequestPart("files") @Valid @NotNull @NotBlank MultipartFile[] files) {
        if (logger.isDebugEnabled()) {
            logger.debug("uploadFile() - start"); //$NON-NLS-1$
        }
        logger.debug("获取的表单参数是:");
        logger.debug(properties.getName());
        logger.debug(properties.getPassword());
        logger.debug("获取的上传文件是:");
        for (int i = 0; i < files.length; i++) {
            logger.debug(files[i].getOriginalFilename());
        }
        if (logger.isDebugEnabled()) {
            logger.debug("uploadFile() - end - return value={}", "success"); //$NON-NLS-1$ //$NON-NLS-2$
        }
        return "success成功上传";
    }

}




SpringMVC中使用bean来接收form表单提交的参数时的注意点
08-30
本篇文章主要介绍了SpringMVC中使用bean来接收form表单提交的参数时的注意点，具有很好的参考价值。下面跟着小编一起来看下吧
xml文件中同时满足多个条件_问与答81： 如何求一组数据中满足多个条件的最大值？...
weixin_39640157的博客
11-30 189
学习Excel技术，关注微信公众号：excelperfectQ：在工作表中有一些数据，如下图1所示，我想要获取“参数3”等于“A”、”参数4“等于”C1“对应的”参数5”中的最大值，能够使用公式解决吗？图1A：这种情况用公式很容易解决。首先，我们将单元格区域B2:B12命名为“参数1”，C2:C12命名为“参数2”，D2:D12命名为“参数3”，E2:E12命名为“参数4”，F2:F12...
MultipartFile来上传单个及多个文件代码示例
小志的博客
05-19 5281
MultipartFile来上传单个及多个文件代码示例
Springmvc-接受参数的几种方式
weixin_44162368的博客
05-30 2083
/*传参的方式： * 1.HttpServletRequest request。来接收参数 * public String login(HttpServletRequest request){} * * 2.直接用页面传过来的数据原型来接收（String username，String password） * public String login(String username，String...
java spring formdata_SpringMvc接收multipart/form-data 传输的数据 及 PostMan各类数据类型的区别...
weixin_39519619的博客
02-24 1524
前段时间遇到一个问题，在spring mvc 服务端接收post请求时，通过html 表单提交的时候，服务端能够接收到参数的值。但是使用httpclient4.3构造post请求，却无法接收到参数的值。同样的,通过PostMan请求POST接口提交数据时,只能接收x-www-form-urlencoded数据,却无法接收 form-data数据.spring 代码：@RequestMapping(...
spring mvc实现文件上传并携带其他参数的示例
08-31
在Spring MVC框架中，文件上传是一项常见的功能，它允许用户通过表单提交文件，并将这些文件与其他参数一起处理。在本文中，我们将深入探讨如何在Spring MVC中实现这个功能，同时携带其他参数。 首先，我们需要引入...
使用FormData实现上传多个文件
10-17
总的来说，这个例子展示了如何使用`FormData`与XMLHttpRequest配合，实现前端多文件上传，并通过Spring MVC在后端接收并处理这些文件。这种技术对于现代Web应用中的文件上传非常有用，因为它允许异步、无刷新的文件...
一个完整的上传文件bean.rar_bean_上传文件
09-21
在IT行业中，文件上传是常见的功能，特别是在...这些知识点对于构建一个支持文件上传的Web应用至关重要。在实际开发中，还需要考虑错误处理、文件大小限制、安全性（如防止文件覆盖、SQL注入等）以及用户体验等问题。
Spring MVC中上传文件实例
10-24
其次，在Spring MVC的配置文件（通常为applicationContext.xml）中，需要配置一个MultipartResolver处理器来支持文件上传。在本文示例中使用的是CommonsMultipartResolver，它是Spring提供的用于处理文件上传的工具...
Spring MVC 文件上传的示例代码
08-29
首先，为了支持文件上传，我们需要在Spring MVC的配置文件中声明一个文件解析器。在这个例子中，我们使用`CommonsMultipartResolver`，它是Spring提供的一个基于Apache Commons FileUpload库的解析器。配置如下： `...
SpringMVC接收Form表单参数
你随风飘扬的笑
03-31 4965
Form表单直接提交（Content-Type: application/x-www-form-urlencoded） 1.可以用参数直接接收 <form action="http://localhost:8081/us" method="post"> 用户名：<input type="text" name="username" /><br> 密码：<...
Spring MVC接受formdata
u011556070的博客
04-16 3109
在日常的工作中有时候我们会需要上传一些文件到服务器。 这个时候的接口接受的数据可以使用MultipartHttpServletRequest 在requestBody中可以定义string和file类型的入参 @RequestMapping( value = "test", produces = { "application/json" }, consumes = { "multipart/form-data" },
Spring MVC接收multipart/form-data集合对象/spring接收form-data的集合对象
qq_39517116的博客
05-14 6321
因为要上传文件所以得用form-data，上传文件同时还想再放入一个List集合对象，实现方式就是前段用JSON.stringify()方法将JavaScript对象或值转换为JSON字符串，后台使用字符串接收然后解析一下。 前段： 图片是AirPost接口调试工具，类似postMan 这里传入的字符串已经是json格式的了，图片是多个文件； 后台 后台可以接收到files，feedbackBills集合和其他数据了 import com.fasterxml.jackson.core.type.TypeR
解决springmvc接收前台编码为form-data参数是null的解决办法
myth_g的博客
03-21 5408
在spring的配置信息中注册bean<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver" > <property name="maxUploadSize" value="500000" /> </bea
解决springmvc接收不到post提交的form-data格式数据
echo_heng的博客
12-16 1470
1.导入jar包 <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.3.1</version> </dependency> 2.在xml文件中增加配置 <!-- 配置文件上传 --> <bean id="mul
总结SQLite不支持的SQL语法有哪些
u012554967的专栏
10-24 663
class="p3"><span class="s3">目前<span class="s4">SQLITE<span class="s3">版本中<span class="s4">ALTER TABLE<span class="s3">不支持<span class="s4">DROP COLUMN<span class="s3">，只有<span class="s4">RENAME
springmvc获取content-type=multipart/form-data
brantykl的博客
02-09 1398
1.ajax异步请求上传文件 //商品大图 var formData = new FormData(); var book_logo_big = $("#booklogobig")[0].files[0]; formData.append('book_logo_big',book_logo_big); $.ajax({ url: "/StudentManageSystemAfter/student?action=queryStudentByPage&currentPage="+params.
springMVC接收参数的区别form data与query string parameters与request payload
weixin_30640769的博客
09-07 1215
在AJAX请求中，我见过有三种form表单数据类型提交。 第一种：form data, 第二种：query string parameters，第三种：request payload。 在google chrome浏览器按F12在network tab页即可看到表单数据类型属于哪一种。 1，form data 最常见的是form data，springMVC后台只需要正常的写明参数名称即...
常用springmvc多种复杂嵌套实体前后端映射form提交和ajax提交
遇见bug的博客
06-08 3381
最近项目用到了很多复杂自定义对象的自动注入总结一下以备不时之需，包含form方式和ajax方式的属性或者key的写法，感觉spring自带的映射已经足够强大 先定义一个复杂对象:Person package com.lengedyun.springbootmybaitis.entity; import lombok.Data; import lombok.ToString; import...
multipart/form-data请文件上传携带多个参数springmcv如何接收
最新发布
09-27
在Spring MVC框架中，当处理multipart/form-data类型的请求，即文件上传请求时，服务器需要特殊的方式来解析包含文件和其他表单数据的POST请求。以下是处理此类请求的基本步骤： 1. **配置Spring MVC处理器**: - ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值