当我使用 dropzone.js 上传多个文件时，不知道如何使用 spring mvc 接收参数

Question

当我使用dropzone.js上传很多文件时，问题就出现了。

我需要向POST请求添加更多参数，我已经阅读了dropzonejs.com上的文档和github.com上的 wiki，参数已添加到请求中。

问题是文件的默认参数是files[0] ， files[1] ...（我将paramName选项设置为files ），但我无法使用 java spring mvc 代码接收files参数。

这是我的 spring mvc controller 代码：

    @RequestMapping("/upload")
    public Map<String,Object> method(CaseInfo info,HttpServletRequest request,@RequestParam("files[]")MultipartFile[] files){
        ...
    }

这是我的js核心代码：

this.on("sending", function(file, xhr, formData){
                    console.log("formData ->", formData);
                    var frm = $('#form');
                    var data = frm.serializeArray();
                    console.log('data ->', data);
                    for (var obj in data) {
                        formData.append(obj.name, obj.value);
                    }
                });

controller就是不能接收files参数，其他的name是undefined ，

编辑：

我把for-in改成下面的，然后undefined的问题就解决了。 但我不知道为什么...有人知道吗？

for (var i = data.length - 1; i >= 0; i--) {
                        var obj = data[i];
                        formData.append(obj.name,obj.value);
                    }

Answer 1

我通过覆盖源js代码解决了这个问题。

Dropzone.prototype._getParamName = function(n) {
            if (typeof this.options.paramName === "function") {
                return this.options.paramName(n);
            } else {
//                return "" + this.options.paramName + (this.options.uploadMultiple ? "[" + n + "]" : "");
                return "" + this.options.paramName;
            }
        };

Answer 2

明白这是一个老问题，但我已经成功地将“发送”选项更改为“发送多个”，然后传递一个 function，它只返回“文件”以匹配 spring controller 签名：

js

    sendingmultiple: function(files, xhr, formData) {
        // additional request paramter
        formData.append('media', JSON.stringify(media));
        for (const [key, value] of formData) {
            console.log('key: ' + key + ' value: ' + value);
        }
    },
    acceptedFiles: "image/*",
    uploadMultiple: true,
    paramName: function() { return "files"; }

java

    @PostMapping("/user/media/upload")
    @ResponseStatus(HttpStatus.CREATED)
    public User uploadMedia(@RequestParam String media, @RequestParam("files") MultipartFile[] files) {