angulaire2 multipart télécharger des images

Question

Je développe une application web avec ressort reposer et angilar2. Je api comme back-end (en pseudocode):

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

je besoin d'un exemple angular2 pertinent pour ce api particulier. Est-il possible d'envoyer séparément JSON et Image en une seule requête? Peut-être que je dois envoyer Image dans JSON comme byte []? Soit doivent envoyer deux demandes distinctes avec des données et l'image comme ci-dessous ?:

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

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

Answer 1

Vous pouvez utiliser FormData pour envoyer des données ainsi que l'image ensemble dans une demande. Pour exemple: -

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

Et vous pouvez accéder au fichier comme:

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

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

}