Springboot实现文件与额外信息同时上传

文章目录

  • 前端实现
  • Controller层实现

前端实现

前端同时提交extra的文本作为额外信息以及文件file

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>uploadTest</title>
</head>
<body>
    <h>文件上传</h>
    <form action="/upload" method="post" enctype="multipart/form-data">
        <input type="text" name="extra">
        <input type="file" name="file">
        <input type="submit" value="提交">
    </form>
</body>
</html>

需要注意
1.文件上传form表单一定要写上enctype="multipart/form-data"
2.多文件上传时,需要加入mutiple属性
3.上传必须标有name属性

Controller层实现

fileUpload()函数中两个参数String extra和MutipartFile file分别对应前端传入的额外信息以及文件,使用注解@RequestParam标注;
设置filePath来作为上传文件路径;
调用MultipartFile接口的transferTo来将二进制文件流转为filePath下的文件

package com.example.testdemo.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.multipart.MultipartFile;

import java.io.File;
import java.io.IOException;

@Controller
public class fileController {
     
    private String filePath="/Users/zl/Documents/ideaProjects/JAVA/testdemo/uploadFiles";
    @PostMapping("/upload")
    public String fileUpload(
            @RequestParam("extra") String extra,
            @RequestParam("file") MultipartFile file){
     
        String path = filePath+"/"+file.getOriginalFilename();
        System.out.println(path);
        System.out.println("extra:"+extra);
        try {
     
            file.transferTo(new File(path));
        } catch (IOException e) {
     
            e.printStackTrace();
        }
        return file.getOriginalFilename();
    }

你可能感兴趣的:(java,spring)