日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后，達者為師

網站首頁 編程語言 正文

AJAX實現文件上傳功能報錯Current?request?is?not?a?multipart?request詳解_AJAX相關

作者：清風亦思雨 ? 更新時間： 2022-09-18 編程語言

想做一個文件上傳，spring boot配合Ajax來進行。卻報錯：Current request is not a multipart request

這是錯誤截圖：

當時發生這種錯誤，我是很震驚的，我以為找了很多辦法來解決。

有以下辦法，當然這些并未解決我的問題，但是部分有用，就先列舉出來：

1.在頁面頭部加入信息：

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

此方法 未解決 問題！

2.在form表單加入屬性：enctype

<form method="post" enctype="multipart/form-data">
    <input type="file" name="file" />
</form>

此方法 未解決 問題！

3.后端：@RequestParam MultipartFile file 改為 @RequestPart MultipartFile file

此方法 未解決 問題！

還有個別方法。。。都不行

下面是解決方法，我之前的ajax代碼：

$('#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
            }
        })
    })

正確代碼：

$('#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
            }
        })
    })

就這樣，解決！！！

原文鏈接：https://blog.csdn.net/qfxl0724/article/details/125215386

欄目分類
最近更新