SpringMVC实现表单文件的上传

文件上传

储备知识

Content-Type

类型

HTTP的Content-Type是一种标识HTTP请求或响应中包含的实体的媒体类型的头部字段。它指示了数据的类型,使接收方能够正确处理数据。以下是一些常见的Content-Type类型:text/plain:纯文本,没有特定格式。

text/html:HTML文档。

text/css:Cascading Style Sheets (CSS)。

text/javascript:JavaScript代码。

application/json:JSON数据。

application/xml:XML数据。

application/pdf:Adobe PDF文档。

application/msword:Microsoft Word文档。

application/vnd.ms-excel:Microsoft Excel文档。

image/jpeg:JPEG图像。

image/png:PNG图像。

image/gif:GIF图像。

audio/mpeg:MPEG音频文件。

video/mp4:MP4视频文件。

multipart/form-data:通常用于文件上传,如表单数据,它可以包含文本字段和二进制文件。

application/x-www-form-urlencoded:通常用于HTML表单提交的默认编码,将表单数据编码为键值对。

application/octet-stream:未指定的二进制数据,通常是未知媒体类型。

application/zip:ZIP归档文件。

application/x-gzip:GZIP压缩文件。

application/octet-stream:通用的二进制流,通常用于未知或自定义数据格式。

Content-Type在表单提交的时候怎么设置

在表单提交时,您可以使用HTML的元素来设置Content-Type,通常是通过指定enctype属性。enctype属性用于指定在提交表单数据时使用的编码类型,以确保服务器能够正确处理数据。以下是两种常见的enctype属性设置:

·1、application/x-www-form-urlencoded(默认):

这是HTML表单提交的默认编码类型,会将表单字段编码为键值对,并以application/x-www-form-urlencoded的Content-Type提交。在HTML中,您无需显式指定它,因为它是默认值。

复制代码
<form action="submit.php" method="post">
    <input type="text" name="username" value="John">
    <input type="text" name="email" value="john@example.com">
    <input type="submit" value="Submit">
</form>

2、multipart/form-data:

这是用于文件上传的编码类型,它允许表单包含二进制数据,例如文件。当您想要上传文件时,通常需要使用这个enctype属性。

复制代码
<form action="upload.php" method="post" enctype="multipart/form-data">
    <input type="file" name="file">
    <input type="text" name="description" value="File description">
    <input type="submit" value="Upload">
</form>

enctype属性只适用于POST方法,因为GET方法不支持将数据请求体与表单一起发送。在处理接收到的表单数据时,服务器应该根据Content-Type来适当解析数据。如果您使用Java Servlet来处理表单提交,可以使用Commons FileUpload或Servlet 3.0+的request.getPart()方法来处理multipart/form-data编码类型的表单数据。

3、application/json

您需要在表单的enctype属性中指定application/json,这告诉浏览器提交的数据是JSON格式。
注意,enctype属性的值"application/json"不是HTML表单的标准内容类型,而是自定义的,因此,浏览器不会自动将表单字段编码为JSON数据。您需要使用JavaScript或其他手段将表单字段的值转换为JSON格式 使用JavaScript将表单数据转换为JSON: 使用JavaScript来监听表单的提交事件,并将表单字段的值转换为JSON格式。您可以使用JSON.stringify()函数来实现这一点。 ``` ```

上传文件的表单需要设置enctype="multipart/form-data"

HTML表单需要设置enctype="multipart/form-data"这个属性,虽然不这么设置的确无法上传,但这是为什么呢?

HTML表单如何打包数据文件是由enctype这个属性决定的。enctype有以下几种取值:

application/x-www-form-urlencoded在发送前编码所有字符(默认)(空格被编码为'+',特殊字符被编码为ASCII十六进制字符)

multipart/form-data 不对字符编码。在使用包含文件上传控件的表单时,必须使用该值。

text/plain 空格转换为 "+" 加号,但不对特殊字符编码。

默认enctype=application/x-www-form-urlencoded,所以表单的内容会按URL规则编码,然后根据表单的提交方法:

method='get' 编码后的表单内容附加在请求连接后

method='post' 编码后的表单内容作为post请求的正文内容

springMVC进行文件上传

原文链接:https://blog.csdn.net/suifeng3051/article/details/51659731

配置mutipart resolver

实现文件上传,其实就是解析一个Mutipart请求。DispatchServlet自己并不负责去解析mutipart 请求,而是委托一个实现了MultipartResolver接口的类来解析mutipart请求。在Spring3.1之后Spring提供了两个现成的MultipartResolver接口的实现类:

复制代码
CommonMutipartResolver:通过利用Jakarta Commons FileUpload来解析mutipart 请求
StandardServletMutipartResolver:依赖Servlet3.0来解析mutipart请求

所以要实现文件上传功能,只需在我们的项目中配置好这两个bean中的任何一个即可。其实这两个都很好用,如果我们部署的容器支持Servlet3.0,我们完全可以使用StandardServletMutipartResolver。但是如果我们的应用部署的容器不支持Servlet3.0或者用到的Spring版本是3.1以前的,那么我们就需要用到CommonMutipartResolver了。下面就具体介绍一下两种bean的配置,当然也是实现文件上传的两种配置。
方式一: 通过StandardServletMutipartResolver解析mutipart 请求

1)、配置multipartResolver的bean

复制代码
<bean id="multipartResolver" class="org.springframework.web.multipart.support.StandardServletMultipartResolver"/>

2)、配置MutipartResolver相关属性

StandardServletMutipartResolver依赖于Servlet3.0,所以要想使用StandardServletMutipartResolver,我们还必须在DispatchServlet配置里面 注册一个 MultipartConfigElement元素,具体配置方式如下:

复制代码
<servlet>
    <servlet-name>appServlet</servlet-name>
    <servlet-class> org.springframework.web.servlet.DispatcherServlet </servlet-class>
    <load-on-startup>1</load-on-startup>
    <multipart-config>
        <location>/tmp/spittr/uploads</location>
        <max-file-size>2097152</max-file-size>
        <max-request-size>4194304</max-request-size>
    </multipart-config>
</servlet>

mutipart-config里面有三个配置项:

location:上传文件用到的临时文件夹,是一个绝对路径,需要注意,这个属性是必填的

max-file-size:上传文件的最大值,单位是byte,默认没有限制

max-request-size:整个mutipart请求的最大值,单位是byte,默认没有限制
方式二:通过CommonMutipartResolver 解析mutipart 请求

当然,如果我们部署的容器不是Servlet3.0,我们还可以使用CommonMutipartResolver,不过这个需要依赖Apache的commons-fileupload第三方类库。

复制代码
<dependency>
        <groupId>commons-fileupload</groupId>
        <artifactId>commons-fileupload</artifactId>
        <version>1.3.1</version>
</dependency>

配置multipartResolver的bean

复制代码
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
       <property name="maxUploadSize" value="100000" />
       <property name="maxInMemorySize" value="100000" />
</bean>

写个前端和Crontroller测试一下

upload.jsp

复制代码
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta charset="UTF-8" />
  <!--  -->
  <!-- Bootstrap -->
  <link rel="stylesheet" href="stylesheets/bootstrap.min.css">
  <script src="javascript/jquery.min.js"></script>
  <script src="javascript/bootstrap.min.js"></script>
</head>
<body>
<div class="container mt-5">
  <div class="row">
    <div class="col-md-6 offset-md-3">
      <h2 class="text-center">upload</h2>
      <form action="upload" method="post" enctype="multipart/form-data">
        <div class="form-group">
          <label for="file">select file</label>
          <input type="file" class="form-control-file" name="file" id="file" accept=".jpg, .png, .pdf, .xml">
        </div>
        <button type="submit" class="btn btn-primary">Upload</button>
      </form>
    </div>
  </div>
</div>
</body>

</html>

FileUploadController.java

复制代码
package com.wpp.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.multipart.MultipartFile;
import org.springframework.ui.Model;
import java.io.IOException;
import java.nio.file.Files;
import java.nio.file.Path;
import java.nio.file.Paths;
@Controller
@RequestMapping(value = "/")
public class FileUploadController {
    private static String UPLOADED_FOLDER = "/home/10307006@zte.intra/驱动/"; // 设置上传文件保存路径

    @GetMapping("/file")
    public String index() {
        return "upload";
    }
    @PostMapping("/upload")
    public String singleFileUpload(@RequestParam("file") MultipartFile file, Model model) {
        if (file.isEmpty()) {
            model.addAttribute("message", "请选择一个文件上传");
            return "upload";
        }

        try {
            byte[] bytes = file.getBytes();
            Path path = Paths.get(UPLOADED_FOLDER + file.getOriginalFilename());
            Files.write(path, bytes);

            model.addAttribute("message", "文件上传成功: " + file.getOriginalFilename());
        } catch (IOException e) {
            e.printStackTrace();
        }

        return "upload";
    }
}
相关推荐
瓯雅爱分享3 小时前
Java+Vue构建的采购招投标一体化管理系统,集成招标计划、投标审核、在线竞价、中标公示及合同跟踪功能,附完整源码,助力企业实现采购全流程自动化与规范化
java·mysql·vue·软件工程·源代码管理
mit6.8245 小时前
[C# starter-kit] 命令/查询职责分离CQRS | MediatR |
java·数据库·c#
诸神缄默不语6 小时前
Maven用户设置文件(settings.xml)配置指南
xml·java·maven
任子菲阳6 小时前
学Java第三十四天-----抽象类和抽象方法
java·开发语言
学Linux的语莫6 小时前
机器学习数据处理
java·算法·机器学习
找不到、了6 小时前
JVM的即时编译JIT的介绍
java·jvm
西瓜er7 小时前
JAVA:Spring Boot 集成 FFmpeg 实现多媒体处理
java·spring boot·ffmpeg
你总是一副不开心的样子(´ . .̫ .7 小时前
一、十天速通Java面试(第三天)
java·面试·职场和发展·java面试
迎風吹頭髮7 小时前
UNIX下C语言编程与实践63-UNIX 并发 Socket 编程:非阻塞套接字与轮询模型
java·c语言·unix
我是华为OD~HR~栗栗呀7 小时前
23届考研-Java面经(华为OD)
java·c++·python·华为od·华为·面试