SpringBoot实现文件的上传以及表单数据的同时提交

SpringBoot实现文件以及表单数据的上传

一、前期准备

yml文件

 spring:
   servlet:
    multipart:
      max-file-size: 10MB  #文件上传的最大大小
      file-size-threshold: 10MB

pom文件

    <!--文件的上传下载-->
        <!-- https://mvnrepository.com/artifact/commons-fileupload/commons-fileupload -->
        <dependency>
            <groupId>commons-fileupload</groupId>
            <artifactId>commons-fileupload</artifactId>
            <version>1.4</version>
        </dependency>
        <dependency>
            <groupId>commons-io</groupId>
            <artifactId>commons-io</artifactId>
            <version>2.4</version>
        </dependency>

二、前端页面

通过表单传递图片文件的同时上传表单中的数据

 <form method="post" class="form-x" enctype="multipart/form-data" id="registerForm">
                            <!--教练-->
                            <div class="form-group">

                                <div class="label">
                                    <label>球队名称：</label>
                                </div>
                                <div class="field">
                                    <input id="teamName" type="text" class="input w50" value="" name="name"
                                           placeholder="请输入4-6位汉字"/>
                                    <div class=""><span style="margin-left: 30px;color:red" hidden="hidden"
                                                        id="warn"></span></div>
                                </div<