Angularjs将文件多部分FormData中的空值传递给Spring MVC

Question

我正在尝试将带有多部分数据（图像）的表单数据发送到 Spring MVC 控制器。从我的形式。图像字段是非强制性的。所以当我在没有输入图像字段的情况下调用 spring 控制器时，我在浏览器控制台中出现以下错误。

加载资源失败：服务器响应状态为 400 （错误请求）

HTML代码：

<input file="file" type="file" id ="file2"/>

AngularjS 代码：

$scope.saveData = function (formObj) {
    $http({
        url: CONTEXT_PATH+'saveFile',
        method: "POST",
        headers: { 'Content-Type': undefined },
        transformRequest: function (data) {
            alert(data.files);
            var formData = new FormData();
            formData.append("model", angular.toJson(data.model));
            formData.append("file", data.files);
            return formData;
        },
        data: { model: formObj, files: $scope.file }
    }).then(function (response) {
        //alert(response);
    });
};


app.directive('file', function () {
    return {
        scope: {
            file: '='
        },
        link: function (scope, el, attrs) {
            el.bind('change', function (event) {
                var file = event.target.files[0];
                scope.file = file ? file : undefined;
                scope.$apply();
            });
        }
    };
});

弹簧控制器代码：

@RequestMapping(value = "/saveFile")
public @ResponseBody String storeAd(@RequestParam ("model") String adString, @RequestParam ("file") MultipartFile file) throws IOException {
    System.out.println("adString > "+adString);
    return "OK";
}

Answer 1

您的服务器代码需要一个名为“file”的请求参数，但您没有正确定义它。

改变

<input file="file" 

到

<input type="file" name="file"