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

前端实现

前端同时提交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();
    }

原文链接

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值