Question

我有一点问题...我无法将多个文件上传到我的服务器，请查看我的代码：

Spring上下文：

    <bean id="multipartResolver"
          class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
    </bean>

Spring控制器

中的

    @RequestMapping(value = "/address-to-add-object/add", method = RequestMethod.POST)
    public void addObject(@RequestParam(value = "files", required = false) MultipartFile[] files, @RequestParam("formDataJson") String formDataJson) {
        //-- my stuff with formDataObject and uploaded files
    }

Angular controller

中的

         $scope.sendForm = function(){
            var formData = new FormData();
            formData.append('formDataJson', JSON.stringify($scope.myObject));
            var files = $("#file-0a").prop('files');
            var filesArray = [];
            for (var i = 0 ; i < files.length ; i ++){
                filesArray.push(files[i]);
            }
            formData.append('files', filesArray);
            ObjectService.add(formData).$promise.then(function () {
                Notification.info('success');
            }, function () {
                Notification.error('error');
            });
        };

ObjectService

中的

objectService.factory('ObjectService', ["$resource", function($resource) {
    var baseUrl = './address-to-add-object';
    return $resource(baseUrl, {},
        {
            add: {
                url: baseUrl + '/add',
                headers: {
                    'Content-Type': undefined
                },
                transformRequest: angular.identity,
                method: 'POST'
            }
        });
}]);

和请求内容：

------WebKitFormBoundaryNhBUQjEH2kAlVlog
Content-Disposition: form-data; name="formDataJson"

{---json object---}
------WebKitFormBoundaryNhBUQjEH2kAlVlog
Content-Disposition: form-data; name="files"

[object File],[object File],[object File]

------WebKitFormBoundaryNhBUQjEH2kAlVlog--

和来自控制台的错误

POST http://localhost:8080/project/address-to-add-object/add 500 (Internal Server Error)

现在我的问题描述;）

我可以轻松发送一个文件和一些数据，但是当我想发送多个文件时，会出现如上所述的错误或者文件＆＃39;变量是空的。我尝试使用List＆lt;＆gt ;,换行到bean，并且无法拦截fileList对象（当从ajax发送$（＆＃34;＃file-0a＆＃34;）。prop（＆＃39; files＆＃39;））时请求（或发送filesArray时的文件数组）。

你能帮助我吗，你有什么想法我能做什么？

Answer 1

问题出现在sendig文件上 - 或者没有发送，因为你可以看到发送的是toString of files

[object File],[object File],[object File]

我必须将文件的appedning更改为我的FormData对象：

var formData = new FormData();
formData.append('formDataJson', JSON.stringify($scope.touristObject));
var files = $("#file-0a").prop('files');
for (var i = 0 ; i < files.length ; i ++){
   formData.append('files', files[i]);
}

并且在Spring Controller端没有任何更改

AngularJS + Spring + REST - 发送多个文件和数据

1 个答案: