将文件从 dropzone 附加到自定义表单数据对象

Question

我正在使用 dropzone 来为我的应用程序中的文件获得良好的拖放感觉。

现在我想获取你拖放的文件，并将其附加到我自己的表单数据对象（FormData）中。

我正在像这样从 dropzone 获取文件：

var files = $('#my-dropzone').get(0).dropzone.getAcceptedFiles();

然后我尝试像这样附加到表单数据对象：

    var formData = new FormData();
    formData.append('tags', JSON.stringify(objectToServer));
    formData.append('files', files);

在后端，我像这样检索 post 数据：

        var tags = Request.Form.Get(keys[0]);
        var files = Request.Form.Get(keys[1]);

当我检查文件变量时，它看起来像这样：[object File],[object File]

我也试过用Request.Files:

var file = this.Request.Files; //just empty

那么，如何将文件的相关数据添加到我的 formData 对象中，以便我的后端可以将其视为文件？

Answer 1

您必须单独附加每个文件

for (let x = 0; x < files.length; x++){ 
    formData.append('files', files[x]);
}

Append the files from dropzone to custom form data object