MVC ajax上传文件 Required request part ‘file’ is not present

最新推荐文章于 2024-05-10 14:10:27 发布

wobuhui123

最新推荐文章于 2024-05-10 14:10:27 发布

阅读量153

点赞数

文章标签： gnu 蓝桥杯 fpga开发

原文链接：an.com/lyh233-p-14006207.html

版权

        首先POM需要添加依赖

        <dependency>
            <groupId>commons-fileupload</groupId>
            <artifactId>commons-fileupload</artifactId>
            <version>1.3.3</version>
        </dependency>

然后在mvc里配置

<bean id="multipartResolver"
    class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
    <property name="defaultEncoding" value="UTF-8"></property>
    <property name="maxUploadSize" value="5400000"></property>
  </bean>

前端页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="resources/js/jquery-3.6.0.min.js"></script>
</head>
<body>
    <input type="file" name="file" id="file"/>
</form>
    <script>
        let file = document.getElementById("file");
        file.addEventListener('change',(ev => {    //监听文件变化
            let formData = new FormData();
            formData.append("file",document.getElementById("file").files[0]);
                $.ajax({
                    type:"post",
                    url:"/SetEmbed",
                    data:formData,
                    cache:false,    //取消浏览器缓存
                    processData:false,    //取消啥来着
                    contentType:false,    //取消默认json转化
                    success:function (data){
                        console.log(data)
                    }
                })
        }))
    </script>
</body>
</html>

后端处理

    @PostMapping(value = "SetEmbed")
//    @RequestMapping(value = "SetEmbed",method = RequestMethod.POST)
    @ResponseBody
    public void setEmbed(@RequestParam("file") MultipartFile file,HttpServletRequest request){
//        System.out.println(mulRequest);
}