AJAX实现文件上传功能报错Current request is not a multipart request详解

博客介绍了在使用SpringBoot和Ajax进行文件上传时遇到的'Current request is not a multipart request'错误,以及尝试的各种解决办法。最终发现问题在于Ajax数据传递方式,正确代码中应直接传递整个FormData对象,而非自定义变量。
摘要由CSDN通过智能技术生成

想做一个文件上传,spring boot配合Ajax来进行。却报错:Current request is not a multipart request

这是错误截图:

当时发生这种错误,我是很震惊的,我以为找了很多办法来解决。

有以下办法,当然这些并未解决我的问题,但是部分有用,就先列举出来:

1.在页面头部加入信息:

1

<meta http-equiv="Content-Type" content="multipart/form-data; charset=utf-8" />

此方法 未解决 问题!

2.在form表单加入属性:enctype

1

2

3

<form method="post" enctype="multipart/form-data">

    <input type="file" name="file" />

</form>

此方法 未解决 问题!

3.后端:@RequestParam MultipartFile file 改为 @RequestPart MultipartFile file

此方法 未解决 问题!

还有个别方法。。。都不行

下面是解决方法,我之前的ajax代码:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

$('#upload-ok').click(function () {

        var form = document.getElementById("upload-form");

        var file = new FormData(form);

        $.ajax({

            url: "/addFile",

            type: "POST",

            processData:false,

            contentType:false,

            data:{

                "file":file

            },

            success: function (date) {

                xxxxxx

            },

            error: function (date) {

                xxxxxx

            }

        })

    })

正确代码:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

$('#upload-ok').click(function () {

        var form = document.getElementById("upload-form");

        var file = new FormData(form);

        $.ajax({

            url: "/addFile",

            type: "POST",

            processData:false,

            contentType:false,

            //重要部分,data的传的是整个表单,不用大括号包裹;不用自定义变量名

            data:file,

            success: function (date) {

                xxxxxx

            },

            error: function (date) {

                xxxxxx

            }

        })

    })

就这样,解决!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

jh035512

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值