HTTP POST Angular 到 Java。不能发送多个不同类型的参数

Question

我正在尝试将上传的文件（来自 Angular 的 FormData）和同一 HTTP POST 请求中的字符串发送到后端（Java 使用 Grizzly 服务器和 Ajax 用于 REST 服务）。问题是我收到 HTTP 400 Bad Request，因为文件没有正确映射：

jersey message: Can not construct instance of java.io.InputStream: abstract types either need to be mapped to concrete types, have custom deserializer, or contain additional type

在前端，我有一个使用 ng g class 表单创建的名为 class 的表单，其中包含：

export class Form {
    private file:FormData;
    private bookName: String;

    constructor(file:FormData, bookName: String) {
        this.file = file;
        this.bookName = bookName;
    }
}

前端的 HTTP POST 方法是：

  sendFormData() {
    const form  = new Form(this.testData, this.bookName);

    this.pdfService.sendFormData(form).subscribe((res) => {
      console.log(res);
    });
  }

以上 this.testData 具有 FormData 类型，this.bookName 是字符串。它们都包含预期的输入值。

pdfService.sendFormData是：

  public sendFormData(form: Form) {
    console.log("sending to " + this.baseUrl + "uploadFile")
    return this.http.post(this.baseUrl + "uploadFile", form, { responseType: 'text' });
  }

在后端我有一个 class Form.java（映射的 class）：

public class Form {
    String bookName;
    InputStream file;
    ... (getters & setters & constructor)
}

HTTP POST 方法是：

    @POST
    @Consumes(MediaType.APPLICATION_JSON)
    @Produces(MediaType.TEXT_HTML)
    @Path("uploadFile")
    public Response convertPdfToHtml(Form form) {
            ...
    }

获取映射字符串我使用：form.getBookName() 获取映射文件我使用：form.getFile().

正如我所说，问题是前端的文件没有正确映射到后端的 InputStream。

我应该使用什么类型来将前端的 FormData 映射到后端的类型？或者我可以使用哪些其他实现在同一个 POST 请求中发送文件和字符串？

谢谢。

Answer 1

在POST方法中你应该提供FormData类型的对象，然后

export class Form {
  private file: File;
  private bookName: String;

  constructor(file:File, bookName: String) {
    this.file = file;
    this.bookName = bookName;
  }
}


public sendFormData(form: Form) {
  const formData = new FormData();
  formData.append('bookName', form.bookName);
  formData.append('file', form.file, form.file.name);

  console.log("sending to " + this.baseUrl + "uploadFile")
  return this.http.post(this.baseUrl + "uploadFile", formData, {responseType: 'text'});
}

你会得到 post 内容类型 multipart/form-data

HTTP POST Angular 到 Java。不能发送多个不同类型的参数

HTTP POST Angular to Java. Cannot send multiple parameters with different types

java

ajax

angular

rest

grizzly