用Angular上传多个文件到Spring控制器

Question

我想上传多个文件到服务器。这是我的角度代码:

app.directive('fileModel', ['$parse', function ($parse) {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            var model = $parse(attrs.fileModel);
            var modelSetter = model.assign;

            element.bind('change', function () {
                scope.$apply(function () {
                    modelSetter(scope, element[0].files);
                });
            });
        }
    };
}]);

控制器的一部分：

var fd = new FormData();
fd.append('files', $scope.file);
fd.append('ticketDto', JSON.stringify(data));
$http({
    method: 'POST',
    url: url,
    headers: {
        'Content-Type': undefined
    },
    data: fd,
    arrayKey: '',
    transformRequest: function (data, headersGetterFunction) {
        return data;
    }
})

问题是在控制器中：

public void createTicket(@RequestParam(value = "files", required = false) List<MultipartFile> files,
                         Authentication authentication,
                         @RequestParam(value = "ticketDto", required = false) String name)

“files”列表总是空的（我也尝试了MultipartFile[]而不是list）。只有在指令中返回的不是所有文件，而是一个文件时，它才有效，例如：

scope.$apply(function () {
    modelSetter(scope, element[0].files[0]);
});

代替

scope.$apply(function () {
    modelSetter(scope, element[0].files);
});

Answer 1

终于我明白了。解决方案是将所有文件分开添加到FormData中，而不是作为列表或数组：

angular.forEach($scope.file, function (value, key) {
            fd.append('files', value);
        })

然后在Spring控制器中：

public void createTicket(@RequestParam(required = false) MultipartFile[] files)

该数组包含所有追加的文件。