FormData中的Spring图像、表单值和对象列表

Question

我有RestController终结点：

Mono<A> editA(@PathVariable String id, @Valid A a)

class A {
  private MultipartFile imageToSave;
  private String name;
  private String otherString;
  private ArrayList<B> bList;
}

类B看起来与类A相似（但只包含字符串字段）。

前端客户机（React使用Axios）发送表单值（两个字符串、图像文件）。我使用javascript FormData对象将这些值发送到一个请求中，并且运行良好。

但我还想发送一个列表B对象。所以我尝试添加一个列表B对象到FormData并发送它。

Answer 1

我在使用Laravel中的formData传递错误时遇到了类似的错误。结果是不能将formData API与数组一起使用。看看下面的url：https://developer.mozilla.org/en-us/docs/web/api/formdata/append它只接受字符串或blob。对于你的解决方案，你必须像我做的那样。

  let formData = {};
            for (var property in this.form) {
                if (this.form.hasOwnProperty(property)) {
                      //  formData.append(property,this.form[property]);
                        formData[property] = this.form[property];

                }
            }

在这里，我所做的基本上只是从表单输入属性构建object，然后使用下面的代码通过Axios。

axios({
                    method: 'post',
                    url: url
                    data : formData,
                    headers:{
                        'Content-Type': 'application/json',
                    }
                }).then((response) => { ... });