Spring Boot 上传文件(spring boot upload file)

最新推荐文章于 2022-04-06 21:43:44 发布
最新推荐文章于 2022-04-06 21:43:44 发布
阅读量3.4k 收藏 1
点赞数 1

Spring Boot 上传文件(spring boot upload file)

本篇文章将说明在Spring Boot web程序中如何上传文件。

Uploading Files

https://spring.io/guides/gs/uploading-files/

开发环境：

1. eclipse Oxygen Release (4.7.0)

2. Spring Boot 1.4.3 RELEASE

3. Spring 4.3.5 RELEASE

4. Thymelaef

5. Maven

6. Embedded Tomcat 8

1.最终的项目结构

2.项目所需依赖 pom.xml

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
 
  <groupId>org.thinkingingis</groupId>
  <artifactId>spring-boot-fileupload</artifactId>
  <version>0.0.1-SNAPSHOT</version>
  <packaging>jar</packaging>
 
  <name>spring-boot-fileupload</name>
  <url>http://maven.apache.org</url>
 
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>1.4.3.RELEASE</version>
    </parent>
 
  <properties>
    <java.version>1.8</java.version>
  </properties>
 
  <dependencies>
  
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-devtools</artifactId>
            <optional>true</optional>
        </dependency>
 
  </dependencies>
  
  
  <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>
  
</project>

3. UploadController.java
用MultipartFile类去匹配上传的文件

package org.thinkingingis.controller;
 
import java.io.IOException;
import java.nio.file.Files;
import java.nio.file.Path;
import java.nio.file.Paths;
 
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.multipart.MultipartFile;
import org.springframework.web.servlet.mvc.support.RedirectAttributes;
 
@Controller
public class UploadController {
    
    private static String UPLOAD_FOLDER = "H://temp//";
    
    @GetMapping("/")
    public String index() {
        return "upload";
    }
    
    @PostMapping("/upload")
    public String singleFileUpload(@RequestParam("file") MultipartFile file,
                                   RedirectAttributes redirectAttributes) {
        if(file.isEmpty()) {
            redirectAttributes.addFlashAttribute("message", "请选择一个上传文件");
        }
        
        try {
            
            byte[] bytes = file.getBytes();
            Path path = Paths.get(UPLOAD_FOLDER + file.getOriginalFilename());
            Files.write(path, bytes);
            redirectAttributes.addFlashAttribute("message", "已经将 '" + file.getOriginalFilename() + "' 的文件上传成功");
            
        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        
        return "redirect:/uploadStatus";
    }
    
    @GetMapping("/uploadStatus")
    public String uploadStatus() {
        return "uploadStatus";
    }
    
}

4. Thymeleaf 前端页面
4.1 upload.html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
 
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
</head>
 
<body>
 
<h1>ThinkingInGIS</h1> <br/>
 
<h1>Spring Boot 文件上传示例</h1>
 
<form method="POST" action="/upload" enctype="multipart/form-data">
    <input type="file" name="file" /><br/><br/>
    <input type="submit" value="上传" />
</form>
 
</body>
</html>

行知致简
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
SpringBoot -- 文件上传fileUpload
Hello_ChenLiYan的博客
05-02 1196
SpringBoot中的文件上传 一、文件上传步骤     1.编写文件上传页面         （1）文件提交需要有一个form表单         （2）文件上传是提交数据，所以用Post方式提交...
Springboot 文件上传
最新发布
小林的博客
07-11 1284
文件上传，是指将本地图片、视频、音频等文件上传到服务器，供其他用户浏览或下载的过程。文件上传在项目中应用非常广泛，我们经常发微博、发微信朋友圈都用到了文件上传功能。在进行文件上传时，我们点击加号或者是点击图片，就可以选择手机或者是电脑本地的图片文件了。当我们选择了某一个图片文件之后，这个文件就会上传到服务器，从而完成文件上传的操作。
使用Springboot实现文件的上传
weixin_38939041的博客
01-21 135
使用Spring boot上传文件 1、首先要导入依赖web <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> 2、编写上传的测试页面 <h3>上传单个文件</h3&
springboot-fileUpload
08-19
springboot jar包方式运行下的图片上传与显示，其中包含完整代码demo https://www.jianshu.com/p/5e1a4e4ab994
SpringBoot实现文件上传
栗少的博客
04-06 9801
我们使用SpringBoot来实现文件的上传，本文中的SpringBoot环境和SpringBoot+MyBatis+通用Mapper中的环境基本一致，我们就不再重复造轮子了，而是直接上手这个功能。 依赖 在SpringBoot+MyBatis+通用Mapper中我们已经引入了Web开发相关的依赖，所以这里就不需要再次引入了。 配置 我们需要对SpringMVC的文件上传功能进行一些配置，比如MaxFileSize等等属性。 我们使用JavaConfig来进行配置，写一个配置类UploadConfi
使用Spring Boot上传文件功能
08-28
使用 Spring Boot 上传文件功能 本文将对 Spring Boot 上传文件功能进行详细的讲解，包括项目配置、启动类设置、前端页面编写等方面的内容。 一、项目配置 在使用 Spring Boot 上传文件功能之前，需要在 pom.xml ...
spring boot file upload
08-03
在Spring Boot框架中，文件上传是一项常见的功能，用于接收客户端发送的文件并将其保存到服务器。这个场景在Web应用中非常普遍，例如用户上传头像、上传文档等。本篇文章将详细探讨Spring Boot如何实现文件上传，...
Spring Boot 利用WebUploader进行文件上传功能
08-27
Spring Boot 利用 WebUploader 进行文件上传功能 本文将为大家介绍在 Spring Boot 项目中利用 WebUploader 进行文件上传的功能。WebUploader 是由 Baidu WebFE(FEX) 团队开发的一个简单的以 HTML5 为主，FLASH 为辅...
Spring boot实现文件上传功能
08-27
"Spring Boot 实现文件上传功能" 在本文中，我们将详细介绍如何使用 Spring Boot 实现文件上传功能，这是许多 web 应用程序中最常见的功能之一。文件上传功能对于许多应用程序来说是必不可少的，例如文档管理系统、...
Spring boot实现文件上传实例（多文件上传)
08-30
【Spring Boot实现文件上传】 在Spring Boot框架中，文件上传功能是常见的需求，尤其在构建Web应用时。本文将详细介绍如何使用Spring Boot实现多文件上传的实例。 **步骤一：创建Maven Java项目** 首先，我们需要...
springboot uploadFile
01-31
springBoot uploadFile文件上传,springMVC也可以使用
SpringBoot File Upload
01-11
这是一个Spring官网提供的文件上传的例子，分享在这里希望大家一块学习，该代码详细地址请参考http://spring.io/guides/gs/uploading-files/#initial。
SpringBoot 上传文件
swadian2008的博客
03-02 448
目录 1、配置文件上传所需的依赖 2、配置文件上传的文件大小限制 3、单文件上传示例 4、多文件上传示例 1、配置文件上传所需的依赖 文件上传的依赖，pom.xml内容： <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependen...
SpringBoot文件上传--FileUpload组件
知识改变命运，ヾ(◍°∇°◍)ﾉﾞ【求关注】
04-07 1007
SpringBoot采用FileUpload组件实现上传处理，在控制器中可以使用MultipartFile类进行接收
Spring Boot 文件上传、批量上传
热门推荐
小单的博客专栏
03-11 5万+
使用SpringBoot进行文件上传的方法和SpringMVC差不多，本文单独新建一个最简单的DEMO来说明一下。 主要步骤包括： 1、创建一个springboot项目工程，本例名称（demo-uploadfile）。 2、配置 pom.xml 依赖。 3、创建和编写文件上传的 Controller（包含单文件上传和多文件上传）。 4、创建和编写文件上传的 HTML 测试页面。 5、文件
springboot-Fileupload
weixin_30565327的博客
10-13 100
springboot-FIleupload package com.bjsxt.controller; import java.io.File; import java.util.HashMap; import java.util.Map; import javax.servlet.http.HttpServletReq...
SpringBoot-fileUpload
CentOS
02-25 2811
一  新建文件   fileUpload.html  用于页面上传 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;/head&gt; &a
SpringBoot 文件上传
穹的博客
02-27 707
可参考：>>>javaWeb 文件上传 【原生servlet】<<< 可参考：>>>SpringMVC的文件上传<<< 文章目录一、前言1、问题2、原因3、解决办法二、上传功能具体实现1、导入依赖的jar包，配置application.yaml2、后端 FileController.java 和工具类 UploadFile.java2、前端 upload.html 和 show.html三、异常 一、前言 1、问题 以前只使用Spr
spring boot vue upload file
05-05
在 Spring Boot 和 Vue 中实现文件上传，可以按照以下步骤进行： 1. 在 Vue 中创建一个文件上传表单，代码如下： ``` <template> <div> <form> <input type="file" ref="fileInput"> <button type="button" @click="uploadFile">上传</button> </form> </div> </template> <script> export default { methods: { uploadFile() { let file = this.$refs.fileInput.files[0]; let formData = new FormData(); formData.append("file", file); // 发送文件到后端 } } } </script> ``` 2. 在 Spring Boot 中创建一个文件上传接口，代码如下： ``` @RestController public class FileUploadController { @PostMapping("/upload") public ResponseEntity<?> uploadFile(@RequestParam("file") MultipartFile file) { try { String fileName = file.getOriginalFilename(); Path path = Paths.get("/uploads/" + fileName); Files.write(path, file.getBytes()); return new ResponseEntity<>("File uploaded successfully", HttpStatus.OK); } catch (IOException e) { e.printStackTrace(); return new ResponseEntity<>("Failed to upload file", HttpStatus.INTERNAL_SERVER_ERROR); } } } ``` 3. 在 Vue 中使用 `axios` 发送文件到后端，代码如下： ``` <template> <div> <form> <input type="file" ref="fileInput"> <button type="button" @click="uploadFile">上传</button> </form> </div> </template> <script> import axios from 'axios'; export default { methods: { uploadFile() { let file = this.$refs.fileInput.files[0]; let formData = new FormData(); formData.append("file", file); axios.post("/upload", formData, { headers: { 'Content-Type': 'multipart/form-data' } }).then(response => { console.log(response.data); }).catch(error => { console.log(error); }); } } } </script> ``` 以上就是在 Spring Boot 和 Vue 中实现文件上传的步骤。注意，在 Spring Boot 中需要在 `application.properties` 中配置文件上传路径，例如： ``` spring.servlet.multipart.enabled=true spring.servlet.multipart.file-size-threshold=2KB spring.servlet.multipart.max-file-size=200MB spring.servlet.multipart.max-request-size=215MB spring.servlet.multipart.location=/uploads/ ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值