angular2多部圖片上傳

Question

我正在開發網絡應用程序彈簧休息和angilar2。我有這樣的後端api（僞代碼）：

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

我需要一個與這個特定api相關的angular2示例。 是否可以在一個請求中分別發送JSON和Image？ 也許我必須在JSON內發送圖像爲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) 
{ 
. 
. 

}