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)
{
.
.

}