<think>我们之前已经讨论了uView
2.0前端上传图片的实现，现在用户想知道在Spring Boot后台如何接收图片。
根据用户当前的问题，他使用的是uniapp（前端）和Spring Boot（后端）的组合。
回顾之前的对话：
我们提到了前端使用uView
2.0的上传组件，通过FormData来发送文件，并且是手动上传。
现在，我们需要说明Spring Boot后端如何接收这个FormData中的文件。
在Spring Boot中，接收文件上传通常使用MultipartFile对象。
步骤如下：
1. 在Spring Boot项目中添加依赖（一般web起步依赖已经包含）
2. 创建一个控制器（Controller）方法，使用@PostMapping处理上传请求
3
. 使用@RequestPart或@RequestParam注解来接收文件，参数类型为MultipartFile
4
. 处理文件保存或其他逻辑
注意：前端发送的文件字段名（比如'file'）需要和后台接收的参数名一致。
示例代码：
依赖（如果还没有）：
```xml
<dependency>
<groupId>org
.springframework
.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
```
控制器方法：
```java
import org
.springframework
.web
.bind
.annotation
.PostMapping;
import org
.springframework
.web
.bind
.annotation
.RequestParam;
import org
.springframework
.web
.bind
.annotation
.RestController;
import org
.springframework
.web
.multipart
.MultipartFile;
import java
.io
.IOException;
import java
.nio
.file
.Files;
import java
.nio
.file
.Path;
import java
.nio
.file
.Paths;
@RestController
public class UploadController {
// 指定一个存储路径，实际项目中可以使用配置方式
private static final String UPLOAD_DIR = "uploads/";
@PostMapping("/upload")
public String uploadFile(@RequestParam("file") MultipartFile file) {
if (file
.isEmpty()) {
return "文件为空";
}
try {
// 创建上传目录（如果不存在）
Path uploadPath = Paths
.get(UPLOAD_DIR);
if (!Files
.exists(uploadPath)) {
Files
.createDirectories(uploadPath);
}
// 获取文件名并保存
String fileName = file
.getOriginalFilename();
Path filePath = uploadPath
.resolve(fileName);
file
.transferTo(filePath
.toFile());
return "上传成功: " + fileName;
} catch (IOException e) {
e
.printStackTrace();
return "上传失败: " + e
.getMessage();
}
}
}
```
但是，上面的代码是保存到服务器本地文件系统。实际项目中，可能需要保存到云存储或者数据库。
另外，如果有多个文件，可以使用MultipartFile[]数组：
```java
@PostMapping("/upload-multi")
public String uploadFiles(@RequestParam("files") MultipartFile[] files) {
// 遍历处理每个文件
}
```
注意：Spring Boot默认对上传文件大小有限制（通常
1MB），如果需要上传大文件，需要在配置文件中调整：
application
.properties:
```
spring
.servlet
.multipart
.max-file-size=
10MB
spring
.servlet
.multipart
.max-request-size=
10MB
```
同时，前端在uView
2.0上传组件中，也需要设置最大文件大小（max-size属性）来匹配。
另外，用户可能还关心如何传递额外的参数（如token）：
前端在FormData中除了文件，还可以追加其他字段：
```javascript
this
.formData
.append('token', 'your-token');
```
后台接收：
```java
@PostMapping("/upload")
public String uploadFile(@RequestParam("file") MultipartFile file, @RequestParam("token") String token) {
// 验证token
...
}
```
安全注意：保存文件时，应该注意文件名可能包含路径信息，为避免安全问题，可以生成随机文件名。同时，要检查文件扩展名，防止上传可执行文件等。
生成相关问题：
1. Spring Boot如何限制上传文件的类型？
2. 如何将上传的图片保存到云存储（如阿里云OSS）？
3
. 如何实现图片上传后的预览功能？
4
. 如何实现多文件上传？
5. 如何解决Spring Boot文件上传大小限制问题？
根据以上分析，我们给出回答。
</think>## Spring Boot 后端接收 uView
2.0 上传图片的方法
以下是完整的后端接收方案（基于 Spring Boot 框架）：
### 一、Spring Boot 后端接收关键代码
```java
// 上传控制器
@RestController
@RequestMapping("/api/upload")
public class UploadController {
// 单文件上传接口
@PostMapping("/image")
public AjaxResult uploadImage(
@RequestParam("file") MultipartFile file, // 接收文件参数
@RequestParam(value = "token", required = false) String token, // 接收附加参数
HttpServletRequest request) {
try {
//
1. 验证文件有效性
if (file
.isEmpty()) {
return AjaxResult
.error("上传文件不能为空");
}
//
2. 验证文件类型（可选）
String filename = file
.getOriginalFilename();
if (!filename
.toLowerCase()
.endsWith("
.jpg") &&
!filename
.toLowerCase()
.endsWith("
.png")) {
return AjaxResult
.error("仅支持JPG/PNG格式");
}
// 3
. 生成存储路径
String uploadDir = "/uploads/images/";
String savePath = request
.getServletContext()
.getRealPath(uploadDir);
File dir = new File(savePath);
if (!dir
.exists()) dir
.mkdirs();
// 4
. 生成唯一文件名（避免覆盖）
String newFilename = UUID
.randomUUID() + "_" + filename;
String fullPath = savePath + File
.separator + newFilename;
//
5. 保存文件
file
.transferTo(new File(fullPath));
// 6
. 返回访问路径
String accessUrl = request
.getScheme() + "://" + request
.getServerName()
+ ":" + request
.getServerPort() + uploadDir + newFilename;
return AjaxResult
.success("上传成功")
.put("url", accessUrl);
} catch (Exception e) {
return AjaxResult
.error("上传失败：" + e
.getMessage());
}
}
}
```
### 二、关键配置（application
.yml）
```yaml
# 文件上传大小限制（默认
1MB需调整）
spring:
servlet:
multipart:
max-file-size:
10MB
max-request-size:
10MB
# 自定义上传路径（可选）
ruoyi:
profile: /opt/uploads # Linux路径示例
# profile: D:/uploads # Windows路径示例
```
### 三、前端适配要点（uView
2.0）
1. **字段名匹配**：确保前端 `formData
.append('file', file)` 的字段名与后端 `@RequestParam("file")` 一致
2. **附加参数传递**：
```javascript
// 在manualUpload方法中添加
this
.formData
.append('token', getApp()
.globalData
.token)
```
### 四、安全增强建议
```java
// 文件类型深度验证（防止伪装扩展名）
public boolean isValidImage(MultipartFile file) throws IOException {
String contentType = file
.getContentType();
if (contentType == null ||
(!contentType
.equals("image/jpeg") && !contentType
.equals("image/png"))) {
return false;
}
// 使用Apache Tika检测实际文件类型
Tika tika = new Tika();
String detectedType = tika
.detect(file
.getBytes());
return detectedType
.startsWith("image/");
}
```
### 五、常见问题解决
1. **文件大小限制错误**：
```plaintext
org
.apache
.tomcat.util
.http
.fileupload
.FileUploadBase$SizeLimitExceededException
```
**解决方案**：确保 `max-file-size` 配置大于实际文件
2. **跨域问题**：
```java
// 添加CORS配置类
@Configuration
public class CorsConfig implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry
.addMapping("/**")
.allowedOrigins("*")
.allowedMethods("POST");
}
}
```
3
. **中文文件名乱码**：
```properties
# application
.properties
spring
.servlet
.multipart
.resolve-lazily=true
spring
.http
.encoding
.force=true
```
### 六、完整上传流程
```mermaid
sequenceDiagram
Uniapp(uView
2.0)->>Spring Boot:
1. 发送multipart/form-data
Spring Boot->>Spring Boot:
2. 验证Token有效性
Spring Boot->>Spring Boot: 3
. 检查文件类型/大小
Spring Boot->>File System: 4
. 存储文件到指定路径
Spring Boot-->>Uniapp(uView
2.0):
5. 返回访问URL
Uniapp(uView
2.0)->>DB: 6
. 保存URL到数据库
```
项目中如使用若依框架（RuoYi-Vue），可参考其文件上传模块 `SysFileController
.java`，该框架已集成完整的文件上传解决方案[^
1]。
本文解析了从SpringBoot1.5升级到2.0时遇到的Tomcat错误：不兼容的APR版本。介绍了APR库的作用，并提供了两种解决方案：替换tcnative-1.dll文件或修改pom文件中的tomcat.version。
扫一扫
1408
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
