java web的文件上传功能

「爱情、让人受尽委屈。」 2023-10-04 16:31 2阅读 0赞

#### 文件上传 ####

首先将文件上传的界面form\_layouts.html放到资源的form目录下，在form\_layouts.html引入Thymeleaf命名空间

在controller包下新建一个FormTestController类用来处理文件上传

首先进行简单的设置，实现在main页面中点击form可以跳转到form\_layouts.html中

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

在前端main页面中的指向地址修改

<li><a th:href="@{/form_layouts}"> Form Layouts</a></li>

然后在controller类中处理文件上传

@Slf4j
    @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("/home/lnnu/dics/files/" + originalFilename));
            }
    
            if (photos.length > 0){
        
                for(MultipartFile photo : photos){
        
                    if(!photo.isEmpty()){
        
                        String originalFilename = photo.getOriginalFilename();
                        photo.transferTo(new File("/home/lnnu/dics/files/" + originalFilename));
                    }
                }
            }
    
            return "main";
        }

上传文件在前端标签中有固定的写法

上传页面的代码

<form role="form" th:action="@{/upload}" method="post" enctype="multipart/form-data">
    <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>

**默认的文件上传大小有限制，可以在.properties配置文件中配置**

#单个文件的大小
    spring.servlet.multipart.max-file-size=10MB
    #总共文件的大小
    spring.servlet.multipart.max-request-size=100MB