springboot文件上传

原创已于 2022-10-10 10:36:45 修改 · 289 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端

于 2022-05-15 19:11:18 首次发布

日常错误同时被 2 个专栏收录

32 篇文章

订阅专栏

springboot

28 篇文章

订阅专栏

该博客介绍了如何创建一个HTML表单进行文件上传，强调了`enctype=multipart/form-data`的重要性，它是上传文件（如头像和生活照）所必需的。后端使用Spring MVC处理文件上传，接收`@RequestParam`和`@RequestPart`注解的参数，并将文件保存到本地文件系统。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<form role="form" th:action="@{/upload}" method="post" 
enctype="multipart/form-data">#enctype这玩意一定要加上不然就报错（多文件）
    <div class="form-group">
        <label for="exampleInputEmail1">邮箱</label>
        <input type="email" name="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
    </div>
    
    <div class="form-group">
        <label for="exampleInputPassword1">名字</label>
        <input type="text" name="username" class="form-control" id="exampleInputPassword1" placeholder="Password">
    </div>
    
    <div class="form-group">
        <label for="exampleInputFile">头像</label>
        <input type="file" name="headerImg" id="exampleInputFile">
    </div>
    
    <div class="form-group">
        <label for="exampleInputFile">生活照</label>
        <input type="file" name="photos" multiple>
    </div>
    
    <div class="checkbox">
        <label>
            <input type="checkbox"> Check me out
        </label>
    </div>
    <button type="submit" class="btn btn-primary">提交</button>
</form>

enctype就是encodetype就是编码类型的意思。

multipart/form-data是指表单数据有多部分构成，既有文本数据，又有文件等二进制数据的意思。

需要注意的是：默认情况下，enctype的值是application/x-www-form-urlencoded，不能用于文件上传，只有使用了multipart/form-data，才能完整的传递文件数据。

application/x-www-form-urlencoded不是不能上传文件，是只能上传文本格式的文件，multipart/form-data是将文件以二进制的形式上传，这样可以实现多种类型的文件上传。

@Slf4j
@Controller
public class FormTestController {

    @GetMapping("/form_layouts")
    public String form_layouts(){
        return "form/form_layouts";
    }

    @PostMapping("/upload")
    public String upload(@RequestParam("email") String email,
                         @RequestParam("username") String username,
                         @RequestPart("headerImg") MultipartFile headerImg,
                         @RequestPart("photos") MultipartFile[] photos) throws IOException {

        log.info("上传的信息：email={}，username={}，headerImg={}，photos={}",
                 email,username,headerImg.getSize(),photos.length);

        if(!headerImg.isEmpty()){
            //保存到文件服务器，OSS服务器
            String originalFilename = headerImg.getOriginalFilename();
            headerImg.transferTo(new File("H:\\cache\\"+originalFilename));
        }

        if(photos.length > 0){
            for (MultipartFile photo : photos) {
                if(!photo.isEmpty()){
                    String originalFilename = photo.getOriginalFilename();
                    photo.transferTo(new File("H:\\cache\\"+originalFilename));
                }
            }
        }


        return "main";
    }
}