博客

这是测试用的前端一个简单的form表单

<form th:action="@{/up}" method="post" role="form" id="myForm">
        <input type="file" name="file" id="file">
        <input type="submit">
</form>

后端用来接收的代码

    @PostMapping("/up")
    public String up(MultipartFile file){
        System.out.println(file);
        if (!file.isEmpty()){
            System.out.println("not null");
        }
        return "redirect:/t";
    }

这样做会导致一个问题，后端接收 MultipartFile 时，会报错。把 MultipartFile 输出时，输出显示为null，使用时，会直接出错。

原因就是写form表单时，少写了一个 enctype=”multipart/form-data”，只写了id，name，action。又去百度了 enctype=”multipart/form-data” 的意思。

图片来自于

HTML <form> 标签的 enctype 属性

截图。

记得在利用form表单上传图片时写编码方式，不要忘了加：enctype=”multipart/form-data”