文件上传前后端实现

前端实现

<form action="/upload" method="post" enctype="multipart/form-data">
	姓名: <input type="text" name="username"><br>
    年龄: <input type="text" name="age"><br>
    头像: <input type="file" name="image"><br>
    <input type="submit" value="提交">
</form>

注意事项：前端页面一下三要素
type=“file”
方式：method=“post”
编码格式：enctype=“multipart/form-data”>

服务端接收提交过来的数据

本地存储

@Slf4j
@RestController
public class UploadController {
    @PostMapping("/upload")
    public Result upload(String username, Integer age, MultipartFile image) throws IOException {
        log.info("文件上传：{},{},{}",username,age,image);
        UUID uuid = UUID.randomUUID();//获取一个uuid
        String filename = image.getOriginalFilename();//获取上传文件名
        int i = filename.lastIndexOf(".");//截取最后一个.的索引
        String exname=filename.substring(i);//去掉.前面的
        String newFileName=uuid.toString()+exname;//拼接生成新文件名
        log.info("扩展名：{}",i);
        //将文件存储在服务器的磁盘目录中 D:\IdeaProjects\web_2\tlias-web-management\src\main\resources\static\image
        image.transferTo(new File("D:\\IdeaProjects\\web_2\\tlias-web-management\\src\\main\\" +
                "resources\\static\\image"+newFileName));
        return Result.success();
    }
}

注意事项
表单项名称和方法形参名称一样，可以使用RequestParam

在SpringBoot中，文件上传时默认单个文件最大大小为1M

那么如果需要上传大文件，可以在application.properties进行如下配置：

#配置单个文件最大上传大小
spring.servlet.multipart.max-file-size=10MB

#配置单个请求最大上传大小(一次请求可以上传多个文件)
spring.servlet.multipart.max-request-size=100MB

云存储

SDK：Software Development Kit 的缩写，软件开发工具包，包括辅助软件开发的依赖（jar包）、代码示例等，都可以叫做SDK。
简单说，sdk中包含了我们使用第三方云服务时所需要的依赖，以及一些示例代码。我们可以参照sdk所提供的示例代码就可以完成入门程序。

Bucket：存储空间是用户用于存储对象（Object，就是文件）的容器，所有的对象都必须隶属于某个存储空间。

操作步骤

开通对象存储OSS服务 - - > 进入对象存储控制台 - - > 新建Bucket - - > 参照sdk–Java编写入门程序