angular2多部分图像上载

angular2多部分图像上载,angular,file-upload,multipartform-data,api-design,Angular,File Upload,Multipartform Data,Api Design,我正在用SpringREST和angilar2开发web应用程序。我有这样的后端api(伪代码): 我需要一个与此特定api相关的angular2示例。 是否可以在一个请求中分别发送JSON和图像? 也许我必须在JSON中以字节[]的形式发送图像? 必须发送两个单独的请求,数据和图像如下所示: @POST method create(@Json Data data){ ........ return Id; } @POST method uplodImg(Long id, Ima

我正在用SpringREST和angilar2开发web应用程序。我有这样的后端api(伪代码):

我需要一个与此特定api相关的angular2示例。 是否可以在一个请求中分别发送JSON和图像? 也许我必须在JSON中以字节[]的形式发送图像? 必须发送两个单独的请求,数据和图像如下所示:

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

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

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

您可以通过以下方式访问该文件:

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

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

}

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

您可以通过以下方式访问该文件:

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

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

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

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

}