SpringMVC中文件上传的步骤代码举例以及文件上传的前台三要素

最新推荐文章于 2024-07-09 20:20:12 发布

吃饱就写BUG

最新推荐文章于 2024-07-09 20:20:12 发布

阅读量383

点赞数 6

文章标签： java spring

本文链接：https://blog.csdn.net/weixin_53805188/article/details/136780364

版权

在 Spring MVC 中实现文件上传功能通常涉及以下步骤：

1. 添加依赖：确保项目中包含了处理文件上传所需的依赖，通常是 `commons-fileupload` 和 `commons-io`。

2. 配置Spring MVC：在 Spring MVC 配置中启用文件上传支持，并设置上传文件的最大大小限制。

3. 创建控制器：创建一个控制器，使用 `@RequestParam` 来接收上传的文件，并使用`MultipartFile` 类型的参数来访问文件数据。

4. 处理文件：在控制器的方法中处理接收到的文件，例如保存到服务器的文件系统或数据库中。

下面是一个简单的文件上传的代码示例：

① 添加依赖

在 `pom.xml` 中添加 `commons-fileupload` 和 `commons-io` 依赖：

<dependencies>
    <!-- 其他依赖 -->

    <!-- 文件上传依赖 -->
    <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.8.0</version>
    </dependency>
</dependencies>

②配置Spring MVC

在 Spring MVC 配置类中配置文件上传的最大大小限制：

配置文件上传解析器,springmvc 的配置文件的文件上传解析器的 id 属性必须为 multipartResolver

@Configuration
@EnableWebMvc
public class WebConfig implements WebMvcConfigurer {

    @Bean
    public MultipartResolver multipartResolver() {
        CommonsMultipartResolver resolver = new CommonsMultipartResolver();
        resolver.setMaxUploadSize(1024 * 1024 * 10); // 设置最大上传大小为10MB
        return resolver;
    }
}

③创建控制器

创建一个控制器来处理文件上传请求：

后端对应的接收文件的方法参数类型必须为 MultipartFile,参数名称必须与前端的 name 属性保持一致

@Controller
public class FileUploadController {

    // 定义一个处理文件上传的方法
    @RequestMapping(value = "/upload", method = RequestMethod.POST)
    public String handleFileUpload(@RequestParam("file") MultipartFile file) {
        if (!file.isEmpty()) {
            try {
                // 获取文件名
                String fileName = file.getOriginalFilename();
                // 保存文件到服务器的路径
                Path targetLocation = Paths.get("uploads").resolve(fileName);
                Files.copy(file.getInputStream(), targetLocation, StandardCopyOption.REPLACE_EXISTING);
                
                // 返回上传成功信息
                return "redirect:/uploadSuccess";
            } catch (IOException ex) {
                // 处理可能的 I/O 异常
                ex.printStackTrace();
            }
        }
        // 返回上传失败信息
        return "redirect:/uploadError";
    }
}

④创建视图

创建两个简单的视图页面来展示上传成功和失败的信息：uploadSuccess.jsp:

<!DOCTYPE html>
<html>
<head>
    <title>Upload Success</title>
</head>
<body>
    <h2>File uploaded successfully!</h2>
</body>
</html>

文件上传的前台三要素：

①form 表单的提交方式必须为 post

②enctype 属性需要修改为:multipart/form-data

③input 标签必须有一个 type 属性为 file 的,其中需要有一个 name 属性;如果需要上传多个文件需要添加 multiple 属性

吃饱就写BUG

关注

6
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫