angular2多部分图片上传

时间:2017-03-08 15:50:20

标签: angular file-upload multipartform-data api-design

我正在使用 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){
}

1 个答案:

答案 0 :(得分:0)

您可以使用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)
{
.
.

}