angular2多部分图片上传

Question

我正在使用spring rest和angilar2开发Web应用程序。 我有这样的后端api（伪代码）：

@POST
method create( @Json Data data, @Multipart Image img){
  ...........
}

我需要一个与这个特定api相关的angular2示例。 是否可以在一个请求中单独发送JSON和Image？ 也许我必须在JSON中发送Image作为byte [] ？ 要么必须发送两个单独的数据和图像请求，如下所示？：

@POST
method create(@Json Data data){
   ........ 
   return Id;
}

@POST
method uplodImg(Long id, Image img){
}

Answer 1

您可以使用FormData在一个请求中一起发送数据和图像。 例如： -

let formData = new FormData();
        formData.append("name", value);
        formData.append("file",this.file);

您可以访问该文件：

@RequestMapping(value = "/upload", method = RequestMethod.POST, consumes = MediaType.MULTIPART_FORM_DATA_VALUE)

public String uploadLayoutFile(@RequestParam("file") MultipartFile multipartFile, @RequestParam("name") string name)
{
.
.

}