angular2 multipart Bild hochladen

Question

Ich entwickle Web-Anwendung mit Federstütze und anglar2. Ich habe so Backend api (in Pseudo-Code):

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

Ich brauche ein angular2 Beispiel relevant zu dieser besonderen api. Ist es möglich, JSON und Image separat in einer Anfrage zu senden? Vielleicht muss ich Bild innerhalb von JSON als byte [] senden? Entweder haben zwei getrennte Anfragen mit Daten zu senden und Bild, wie unten ?:

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

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

Answer 1

Sie Formdata verwenden können zusammen in einem Anforderungsdaten sowie Bild zu senden. Für zB: -

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

Und Sie die Datei als zugreifen:

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

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

}